dropdown funktioniert in firefox nicht!!!

[waki182]

Hallo leute,
ich hab eine homepage erstellt. das menu beinhaltet zwei dropdown menus, die bei hover sichtbar werden. funktioniert alles wunderbar in IE7, allesdings nicht mit mozillla 3.0. das dropdown menu ist hier ständig zu sehen und verschwindet nicht bei mouseout.

webpage

der code sieht wie folgt aus...

     #[URL="http://www.psd-tutorials.de/modules/Forum/#"]navi[/URL] li ul { display:none; }

#navi li:hover ul { display:block; }

und dann...

     <ul id="navi">
      <li><a href="profil.html" class="menu">Profil </a></li><br/><br/>
      <li><a href="projekte.html" class="menu">Projekte</a></li><br/>
      <ul><br/>
      <li><a href="die_alten_meister.html" class="menu">Die alten Meister</a></li>
      <li><a href="eifeltherme.html" class="menu">Eifeltherme</a></li> 
      <li><a href="elbblick.html" class="menu">Elbblick</a></li>
      <li><a href="hotel_lonja.html" class="menu">Hotel Lonja</a></li>
      <li><a href="casa_la_banda.html" class="menu">Casa La Banda</a></li>
      <li><a href="patacona.html" class="menu">Patacona</a></li>
      <li><a href="upv_pavillon.html" class="menu">UPV Pavillon</a></li>
      <li><a href="brueckenschlag.html" class="menu">Brückenschlag</a></li>
      <li><a href="strandleben.html" class="menu">Strandleben</a></li>
      </ul><br/>

hat jemand eine idee was hier falsch ist?
vielen dank schonmal!
gruß