Posted by Ben C on 12/30/06 16:19

On 2006-12-30, Paul Lautman <paul.lautman@btinternet.com> wrote:
> Ben C wrote:
>> On 2006-12-29, Paul Lautman <paul.lautman@btinternet.com> wrote:
>>> Ben C wrote:
>>>> On 2006-12-28, Martin Clark <martin@spl.at> wrote:
>>>>> Paul Lautman wrote...
[snip]
>>>>>> http://www.osg-uk.com has blue arrows as bullets.
>>>>>>
>>>>>> However, in IE7, the arrows are hidden under the image to the left
>>>>>> of it. I have tried various ways to rectify this but if I get it
>>>>>> looking OK in IE7, it looks rubbish in FF.
>>>>>>
>>>>>> Can someone point me to the correct magic incantation?
>> [snip]
[snip]
>> OK I've found it. You're doing the arrows now with background images
>> and padding-left, which presumably solves your original problem?
>
> ??confused??

I assumed you were using list-style-type: image to get the arrows
originally and therefore that that was the problem. Never mind.

> I was always doing the arrows like this and the "original" problem
> (actually there is only one) is still there. The arrows are not
> visible on IE7, whilst they work fine on IE6 and FF.

Sounds like IE is starting the background-image behind where the bullets
would have been.

You could try making the list items display: block, instead of using
list-style: none. Just a guess, but it might confuse IE less.

So in template_css.css: 474 delete list-style: none, and add display:
block to the li selector just below it.

[Back to original message]