Informatik-CSS

Nabend zusammen,

ich bastel in meiner Freizeit gerne ein bisschen an meiner Homepage rum.Nur leider will meine
Navigationsleiste nicht ganz so wie ich will.

Ich arbeite nicht mit Frames,deshalb besteht meine horizontale Navigationsleiste aus Zeilen.
Das Problem ist nun das ich für den "Hover-Effekt",display:block angeben muss.Somit wird ja wenn ich
das richtig verstanden habe eine neue Zelle für das Element erzeugt und in dieser Zelle ist der Text
am oberen Tabellenrand ausgerichtet und nicht mittig so wie ich es möchte.

Quelltext HTML(Navigationsleiste):

<tr>
<!--navigation-->
<td height="35">
<table class="navi">
<tr class="navigation">

<td class="button"><a href="Aktuelles.html">AKTUELLES</a></td>
<td class="button"><a href="Profil.html">PROFIL</a></td>
<td class="button"><a href="Schule.html">SCHULE</a></td>
<td class="button"><a href="Homepage.html">HOMEPAGE</a></td>

</table>

</td>
</tr>
--------------------------------
Quelltext CSS:

table.navi { background-color:#09F; width:100%; height:100%; table-layout:fixed; }

tr.navigation { font-family:Verdana, Geneva, sans-serif; font-size:12px; vertical-align:middle; text-align:center; letter-spacing:0.3em; background-color:#FFF; height:100%; width:100%; color:#000; }

td.button a { background:#FFF; height:100%; display:block; color:#000; text-decoration:none; }

td.button a:hover { background:#CCC; height:100%; display:block; color:#000; text-decoration:none; }

td.button a:visted { background:#FFF; height:100%; color:#000; text-decoration:none; }
-------------------------------

lg.

bitte schließen hat sich erledigt.

Danke dennoch!

lg.

Unser Informatik Lehrer,der vorher etliche Internetseiten als Fachinformatiker in Anwendungsentwicklung programmiert hat, meinte das Frames eine Sicherheitslücke darstellen.Er selbt hat wohl in früheren Zeiten ein bisschen rumexperimentiert

Ich persönlich arbeite lieber mit Tabellen,ich denke es ist jeden selbst überlassen ob er nun das Layout mit Frames oder mit Tabellen programmiert.