CSS list-style-image not showing in IE when float left is present.

This CSS works fine in Mozilla, and it works in IE until you add the
float left!!! Any suggestions? I want the <li> to float left in order
to make a two column list. Thanks for any help you can give!

CSS:
div#BB ul {
list-style-image: url(../Images/logo2.jpg);
}

div#BB li {
width: 340px;
font-weight: bold;
float: left;
}

In article
<6807e95c-0ffe-44ab-8283-dc84b2fdd94d (AT) d4g2000prg (DOT) googlegroups.com

,
ALM <april (AT) designsbyalm (DOT) com> wrote:

This CSS works fine in Mozilla, and it works in IE until you add the
float left!!! Any suggestions? I want the <li> to float left in order
to make a two column list. Thanks for any help you can give!

CSS:
div#BB ul {

Here is 3 lists side by side, you could knock one off!

<URL: http://members.optushome.com.au/droo.../threeULs.html
/>

--
dorayme

ALM wrote:

This CSS works fine in Mozilla, and it works in IE until you add the
float left!!! Any suggestions? I want the <li> to float left in order
to make a two column list.

I never found a way for IE to keep the marker on a floated list item,
probably because IE puts the marker in the padding of the parent <ul>,
which is gone when you float the children <li>.

The few times I've wanted to do this myself I resorted to multiple
lists, each floated. I cringed at doing it that way, but sometimes you
just do what you gotta. :-\ Maybe there's some JavaScript trickery you
could do, but I'm not hopeful.

--
Berg