В IE работает, но вот в Firefox глюки... Есть ли шансы? Возможны ли другие варианты?

Код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Страница</title>
<style>
.product {
 display: none
}
.product.opened {
 display: block
}
html>body .product.opened {
 display: table-row
}
</style>
<script type="text/javascript">
function collapseCategory(e) {
 * var target = e.srcElement || e.target;
 * if (target.nodeName == &#39;B&#39;) {
 * * *var tr = target.parentNode.parentNode;
 * * *while (tr && (tr = tr.nextSibling)) {
 * * * * if (tr.nodeName == &#39;TR&#39;) {
 * * * * * *if (tr.getElementsByTagName(&#39;TD&#39;)[0].firstChild.nodeName == &#39;B&#39;) {
 * * * * * * * tr = null;
 * * * * * *} else {
 * * * * * * * if (tr.className.indexOf(&#39;opened&#39;) >= 0) {
 * * * * * * * * *tr.className = &#39;product&#39;;
 * * * * * * * } else {
 * * * * * * * * *tr.className += &#39;opened&#39;;
 * * * * * * * }
 * * * * * *}
 * * * * }
 * * *}
 * }
}
</script>
</head>
<body>
<table border="1" width="100%" onclick="collapseCategory(event)">
****<tr align="center">
 *<td>Текст</td>
 *<td colspan="3">Текст</td>
****</tr>
****<tr align="center">
 *<td align="left">- Наименование</td>
 *<td>Текст</td>
 *<td colspan="2">Текст</td>
****</tr>
****<tr align="center" class="product">
 *<td>00,00</td>
 *<td>00,00</td>
 *<td>00,00</td>
 *<td>00,00</td>
****</tr>
****<tr align="center">
 *<td align="left">- Наименование</td>
 *<td>Текст</td>
 *<td colspan="2">Текст</td>
****</tr>
****<tr align="center" class="product">
 *<td>00,00</td>
 *<td>00,00</td>
 *<td>00,00</td>
 *<td>00,00</td>
****</tr>
</table>
</body>
</html>