Problème liste/puce HTML sur Mozilla

Bonjour..
Pour commencer, je travaille (enfin j'essaie) en XHTML 1.0 T et CSS 2.1

Mon problème est la liste que je viens de faire, elle ne marche pas du tout sur Mozilla Firefox 3.0.6 mais parfaitement sur Internet Explorer 7.
Sachant qu'il y à de plus en plus de personnes qui ont Mozilla, j'aimerais que mon site soit accessible depuis ce navigateur !!
Si quelqu'un peut résoudre mon problème, car je n'y arrive pas du tout et ça depuis des jours =S


Mon code HTML :

<div class="universal">
<ul>

<li><a href="option1.html">Option 1</a></li>
<li><a href="option2.html">Option 2</a></li>
<li><a href="option3.html">Option 3</a></li>

</ul>
</div>


Mon CSS :

.universal ul
{
font-family:"Trebuchet MS", serif;
font-size:12px;

list-style-type:none;

padding:0px;
margin:0px;
}


.universal ul li
{
float:left;
z-index:auto !important /*Non-IE6*/;
z-index:1000 /*IE6*/;

padding:0px;
margin:0px;
}


.universal ul li a
{
float:none !important /*Non-IE6*/;
float:left /*IE-6*/;
display:block;
line-height:19px;
padding:0 10px 0 10px;
text-decoration:none;
color:black;
margin:0px;
}


.universal ul li:hover a
{
text-decoration:underline;
}



Merci d'avance .......