Problem med display:block ofg <tbody> i Mozilla

Jeg har en tabel hvor jeg skal skjule nogle rækker det virker som det skal i IE, men i Mozilla går det galt, der kommer de "dynamiske" rækker først frem under den sidste "faste" række.

Jeg har følgende kode:

<script type="text/javascript">

        function test()
        {
            document.getElementById("test").style.display="block";
        }
         
    </script>
     
   
    <input type="button" value="tryk" onclick="test()" />
   
   
    <table style="background-color: red">
        <tr>
            <td>
                <table border="1">
                    <tr>
                        <td>top</td>
                        <td>top</td>
                    </tr>
                   
                        <tbody id="test" style="display:none">
                            <tr>
                                <td>test</td>
                                <td>Test1</td>
                            </tr>
                            <tr>
                                <td>test</td>
                                <td>Test1</td>
                            </tr>
                            <tr>
                                <td>test</td>
                                <td>Test1</td>
                            </tr>
                        </tbody>
                   
                    <tr>
                        <td>bund</td>
                        <td>bund</td>
                    </tr>
                   
                </table>
           
            </td>
        </tr>
    </table>