Posted by Paul Lautman on 12/28/06 19:40

Martin Clark wrote:
> Paul Lautman wrote...
>> When viewed in IE6 or Firefox, the list beginning "Unsurpassed
>> design and manufacturing quality." on the page 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?
>>
> Have a read of http://meyerweb.com/eric/css/list-indent.html
>
> Having a quick read through, it looks as if you will need to set left-
> margin and left-padding for ul to something other than 0.
>
> I am not an html guru but, as I understand it, Firefox, etc includes
> the bullet in the space for the list item whereas IE places it
> outside. You have set the list to have no indentation, so in IE, your
> bullets appear to the left of the text block, i.e. beneath the image.

I tried that but still no luck. When the image was missing, I noticed that,
far from being just out of sight under the image, the arrows are in fact
right under the left hand side of it. As I say it was all fine under IE6,
it's just IE7 that is giving me grief!

[Back to original message]