Probleme in Netscape 7: Mouseover-Buttons

[Mark]

Hallo,

ich habe gemäß des Tipps "Mouseover-Buttons und -Effekte mit CSS" Mouseover-Buttons mit Hintergrundbildern erstellt.

Mein CSS sieht so aus:

a.buttonleft{
 height: 30px;
 width: 130px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12;
 color: #FFFFFF;
 text-decoration: none;
 padding: 7px 5px 5px 15px;
 text-align: left;
 background-image: url(./pics/bgleft.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;

}

a.buttonleft:hover{
 text-decoration: none;
 background-image: url(./pics/bglefton.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;

}

Im IE 6 und im Opera 5 klappt das alles problemlos,
der Netscape 7 zeigt aber den Hintergrund der Buttons nur soweit an, wie die Schrift im Link geht:

<table border="1" cellpadding="0" cellspacing="0" align="left" width="130">
 <tr><td height="30" width="130"><a href="test.php" class="buttonleft">Button 1</a></td></tr>
 <tr><td height="30" width="130"><a href="index.php" class="buttonleft">Button 2</a></td></tr>
</table>

An was kann das liegen?