1 reply [Last post]
webzard
Offline
newbie
Last seen: 13 years 12 weeks ago
Joined: 2006-05-23
Posts: 1
Points: 0

Hi,

Please take a look at this page:

http://shredmobile.anchorwave.com/test.html

If you look at it in Firefox it works (not very well, but still). But in IE, the list item bullets are covered up by the image! So the LI tag seems to not work well with images if the image has the property align='left'. How do I fix this?

I tried to set the left-margin to be something ridiculously huge like this:

left-margin: 120px;

Then it works... it's not covered by the image anymore. However, when a list happens to not be to the right of the image (which is only in some cases), then it has this ridiculous left margin, which is just not acceptable.

Any help? Thanks

~wz.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 4 years 44 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

<li> tag is not working with left aligned image in IE

IE uses padding-left; Firefox uses margin-left on list items.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference