Rozbalovací menu jinak v IE než v Mozille

Dobrý den,
mám problém s rozbalovacím menu. V IE v pohodě, ale v Mozille se zobrazuje už rozbalené. Poradíte??
HTML
<div id="menu">
<ul>
<li><a href="../trasy.php">Rozvozové trasy</li></a>
<ul>
<li><a href="../trasy.php#PO">pondělí</li></a>
<li><a href="../trasy.php#UT">úterý</li></a>
<li><a href="../trasy.php#ST">středa</li></a>
<li><a href="../trasy.php#CT">čtvrtek</li></a>
<li><a href="../trasy.php#PA">pátek</li></a>
</ul>
<li><a href="kontakty.php#logistika">Kontakty</li></a>
</ul>
</div>

a CSS

div#menu ul {margin:0 20px 0 0;
float: right;
width: 180px;
list-style-type: none;
font-weight: bold;}
div#menu li {margin: 0;
padding: 0 0 0 0;
background-color: #fafafa;
border-bottom: 1px solid #3d5b7f;}
div#menu ul li ul {margin: 0;
width: 160px;
font-weight: normal;
display: none;}
div#menu ul li ul li {margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type: square;}
div#menu ul li:hover ul, div#menu ul li ul:hover {display: block;}

Díky za názor i za radu, trochu to pomohlo, ale ty se Kontakty mi v Mozille neposunou na konec, když se otevře ten vnořenej seznam. Mimochodem chyb tam určitě bude víc :-)