Will list-style-type work with a floated list (in IE)?

[longtone]

When I float an unordered list, the bullet points disappear in IE:

CSS:

ul {
    float: left;
}

ul li {
width: 99%;
}

html:

		<ul>
		<li>Google</li>
		<li>Wikipedia</li>
		<li>BBC</li>
	</ul>

 

I can cure it by wrapping the list in a div and floating that instead:

 

css:

.aaa {
    float: left;
}
ul li {
width: 99%;
}

html:

<div class="aaa">

	<ul>
		<li>Google</li>
		<li>Wikipedia</li>
		<li>BBC</li>
	</ul>
</div>

 

but I don't really understand why this is happening, or if there's a better way of dealing with it?

[TheFilmGod]

It's happening because of a cascading stylesheets overlap. Did you try firebug? Did it help?