Tabellenrahmen verschwinden nach display = block

[Matze]

Hallo!

Ich habe ein kleines Problem mit einer Tabelle.

Als Beispiel:
<table cellspacing="0" cellpadding="0" rules="all" id="tbl">
    <thead>
        <tr>
            <td colspan="4">Tabelle</td>
        </tr>
    </thead>
    <tr>
        <td>Name</td>
        <td>Telefonnr.</td>
        <td>Name</td>
        <td>Telefonnr.</td>
    </tr>
</table>

Mit dem onload-Event lasse ich nach dem Laden der Seite die Tabelle per JavaScript ausblenden.
Dazu benutze ich document.getElementById('tbl').style.display = 'none';

Über einen Link möchte ich die Tabelle dann wieder anzeigen lassen:

  
function show_tbl(){  
    document.getElementById('tbl').style.display = 'block';  
}  

<a href="javascript:show_tbl()">Zeigen</a>

Dabei gehen mir aber die senkrechten Linen innerhalb der Tabelle verloren.
Die Ränder links und rechts haben ihre Linien.
Schalte ich JavaScript ab, sieht die Tabelle aus wie sie soll.

Kennt jemand das Problem oder mache ich einen Fehler?

Danke und Grüße, Matze