Подскажите пожалуйста!

вот код

<html>

<head>

<script type="text/javascript">

function SwitchMenu(obj)
{
    var elem = document.getElementsByTagName("tr");
    dn=0;
   
    while ((dn > elem.length)||(elem.item(dn).id != obj)) dn++;
    dn++;
    do
    {
        if (elem.item(dn).style.display != 'none')
        {
            elem.item(dn).style.display =  'none';
        }
        else
            elem.item(dn).style.display =  'block'   
        dn++;
    }
    while ((dn > elem.length)||(String(elem.item(dn).className).substring(0,8)!="menuitem"));
}
</script>


</head>
<body>
<table>
<tr id="he1" class="menuitem"><td onclick="SwitchMenu('he1')"  width="51" height="25">11111</td></tr>
<tr><td width="51" height="25">1</td></tr>
<tr><td width="51" height="25">1</td></tr>
<tr id="he2" class="menuitem"><td onclick="SwitchMenu('he2')" width="51" height="25">22222</td></tr>
<tr><td width="51" height="25">2</td></tr>
<tr><td width="51" height="25">2</td></tr>
<tr><td width="51" height="25">2</td></tr>
<tr><td width="51" height="25">2</td></tr>
<tr id="he3" class="menuitem"><td onclick="SwitchMenu('he3')" width="51" height="25">33333</td></tr>
<tr><td width="51" height="25">3</td></tr>
</table>
</body>
</html>

В IE и Opera все работает 

А в Mozilla Firefox: неработает display 

Как решить эту проблему ?

Добавлено Tue Jan 15 11:04:40 2008 :
т.е. работает но не корректно почемуто расширяется блок. Подскажите пожалуйста что да как !!

У TR display должен быть table-row,  а ещё лучше использовать классы.

Да но тогда IE не будет работать :(

Burevestnik
Именно поэтому Lynn Вам советует использовать классы. В классе Вы пропишете все что нужно совместимым образом, например, через хаки, и все будете делать сменой класса. Еще один аргумент: по результатам тестов мы делаем вывод, чтто метод переключения классов по сравнению с некоторыми другими методами, в том числе, переписыванием отдельных стилей, на части браузеров дают ту же производительность, а на части - заметно бОльшую.

Спасибо за подсказку :)