Posted by Martin Clark on 12/28/06 16:48

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.
--
Martin Clark

[Back to original message]