Zweizeiliger Link vertikal zentrieren und Grafik drunterschieben

[Andreas Nagel]

Ok dann noch einmal:

Die Navigationsleiste zeigt Links die in einem firame geladen werden. Der Text der Links ist an manchen Stellen einzeilig und an anderen Zweizeiler. Diese Einträge wurden durch Striche getrennt und zeigen keine 4 Eckige Buttons. Ich habe die Links in Tabellenzellen eingebunden. Und wenn ich mit der Maus von Rechts auf die Zelle zufahre erscheint sofort der Hintergrund, ein Pfeil. Dies will ich verhindern, in dem ich den Bereich einschränke in diesem das Erscheinen des Pfeils ausgelöst wird.

Ich habe dieses mit den Zeilen:

<style type="text/css">
<!--
a { text-decoration: none; color:#000000; line-height:50px; vertical-align:middle; width:130px; display:block; }
a:hover {background-image:url('Bilder/BereichOffen.gif'); background-repeat:no-repeat; line-height:50px; vertical-align:middle; width:160px; display:block}
--!></style>

<tr height="70"><td style="padding-left:6px; border-bottom: 3pt #000000 solid"><a href="iframe.location.href='OnlineGames.html'"><div style="margin-left:16px; vertical-align:middle">Onlinegames</div></a></td></tr>

hinbekommen. Doch wie übertrage ich dies auf einen zweizeiligen Link?

Vielen Dank Gruß Andreas