<ul>s and <li>s in CSS

I hope someone can help me with this CSS problem / bug:

<ul> and <li> are defined as such:

ul {
margin:.5em 0 1em;
padding:0;
list-style-type:none;}

ul li {
background:url("/img/bullet.gif") no-repeat 11px .7em;
margin:0;
padding:0 0 2px 18px;
line-height:1.5em; }

But, in Firebird for the PC, I get an undesdesirable “second” bullet on a:hover:

An illustration of the Mozilla Bug

No other browser seems to do this, though I haven’t been able to test a mozilla browser on a Mac. Is it a bug? Or is there a hack that would fix it?

1 Response to “<ul>s and <li>s in CSS”


Comments are currently closed.