Zle wyswietlanie menu w firefoxie

[strongman]

Witam, zaczalem robic stronke i mam problem. Zrobilem menu w ktorym przy nacisnięciu jednej z zakladek powinny podspodem wyswietlic mi sie podzakladki czyli cos na wzor explorera w windows. W IE dziala poprawnie ale w firefoxie po uruchomieniu strony, podzakladki nie sa ukryte tylko odrazu sa rozwiniete. Prosze o pomoc. Chcialbym zeby podzakladki wyswietlane byly w firefoxie dopiero w momencie gdy urzytkowik nacisnie zakladke glowna dotyczaca tego zagadnienia.
Kod jaki napisalem:
<tr>
<td class="menu" height="19" width="150" align="left" valign="middle" onMouseOut="className='normal'" onMouseOver="className='mouseover'" >

<SPAN OnClick="menuprodukty.style.display ='';">Produkty</SPAN>
<DIV ID="menuprodukty" style="display: 'none';">
<FONT SIZE="-1">

 <A HREF="page2.php">podkategoria 1</A><BR>
 <A HREF="page3.php">podkategoria 2</A><BR>
 <A HREF="page4.php">podkategoria 3</A><BR>

</FONT>
</DIV>
</td>
</tr>

[ooo_michal]

Kod: Zaznacz cały

<SPAN OnClick="document.getElementById('menuprodukty').style.display ='block';">Produkty</SPAN> 
<DIV ID="menuprodukty" style="display: none;">

Kilka uwag:
1. Zamiast <table><tr><td ... możesz napisać <div style="width:19px; ...
2. Samo className nie wystarczy ale this.className będzie dobrze
3. document.getElementById('menuprodukty')... działa we wszystkich przeglądarkach a menuprodukty... jak widzisz nie
4. Po co <FONT SIZE="-1">? Nie lepiej dać <div id="menuprodukty" style="font-size: x-small;...
5. Stosuj we wszystkich znacznikach tą samą wielkość liter, najlepiej małe litery (w xhtml stosowanie dużych jest niepoprawne)

[strongman]

Dziekuje za pomoc. Wszystko juz dziala poprawnie. Pozdrawiam