asked on

CSS ISSUE - ul li problem (Internet Explorer) with floating div page

With our content page layout, we're experiencing a weird issue in IE - If you view the following page in firefox/mozilla, you'll see the way the bullets SHOULD look, towards the end of the article.

http://stage.associatedcontent.com/article/50661/the_beginning_skiers_guide_to_ski_socks.html?page=2

However, if you view the same page in IE (7), you'll see that the same bullets float all the way to the left side of the page.

Does anyone know a fix, without giving a fixed width, that would allow this to function properly in IE?

Nancy Rindone

Here's what I do with bullets to make them relatively acceptable in FF and IE:

ul {
list-style-type: square;
list-style-position: outside;
}

li {
margin-left: -20px;
}

Hope this helps... :)

ASKER CERTIFIED SOLUTION

pmagony

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

pmagony

I forgot to end ";" the first line of the UL LI statement:

background: url(path/to/bullet.gif) no-repeat left 3px; <--

Nancy Rindone

That's weird, it works in FF for me. Oh well. Sorry about that if it doesn't work for ya. I continue to use it. The image is a nice option, though.

pmagony

Delarocha,
Has any of the solutions provided helped?

delarocha

ASKER

Unfortunately, none of this has helped with our site's layout.

Since we have a pretty "funky" div powered site, with a floating div for the left nav and another for the column next to the nav and yet another with the right skyscraper ad, the standard approach and those mentioned above for getting LI's to layout will not suffice. Thank you all for your efforts, but I still don't have a solution.

:(

pmagony

The floats have nothing to do with it.

pmagony

Heck no... points should be split or awarded. We provided solutions, the author did not reply with sufficient information to be able to continue to provide support. The author simply dismissed and abandoned the question on his/her own will.

No reason why the points should be refunded - what-so-ever.