dynamische Grafik als Link

Hallo !

Ich habe das Forum schon durchsucht aber leider keine passende Lösung für mein Problem gefunden

Auf meiner Seite http://www.wsv-verden-jugend.de habe ich eine Kopf-Grafik, die sich automatisch an die jeweilige Fensterbreite anpaßt.

Der Code dafür sieht folgendermaßen aus:

<table border="0" cellpadding="0" cellspacing="0" class="header">
  <tr> 
    <td>[img]http://www.wsv-verden-jugend.de/grafiken/header/header_t_l.jpg[/img]</td>
    <td width="100%" class="headertop">[img]http://www.wsv-verden-jugend.de/grafiken/header/spacer.gif[/img]</td>
    <td>[img]http://www.wsv-verden-jugend.de/grafiken/header/header_t_r.jpg[/img]</td>
  </tr>
  <tr> 
    <td class="headerleft">[img]http://www.wsv-verden-jugend.de/grafiken/header/spacer.gif[/img]</td>
    <td class="headerbody"><span class="headertitle">Jugendseite des WSV Verden 
        e.V.</span>


        <span class="headersubtitle"> Informationen über paddeln, Kanu, Kajak, 
        Boot fahren uvm.</span>
    </td>
    <td class="headerright">[img]http://www.wsv-verden-jugend.de/grafiken/header/spacer.gif[/img]</td>
  </tr>
  <tr> 
    <td>[img]http://www.wsv-verden-jugend.de/grafiken/header/header_b_l.jpg[/img]</td>
    <td width="100%" class="headerbottom">[img]http://www.wsv-verden-jugend.de/grafiken/header/spacer.gif[/img]</td>
    <td>[img]http://www.wsv-verden-jugend.de/grafiken/header/header_b_r.jpg[/img]</td>
  </tr>
</table>

Ich würde gerne die ganze Grafik als Button zur Verfügung stellen, dass man wieder zur Hauptseite kommt, wenn man draufklickt.
Wenn ich die ganze Tabelle als Link einfüge, wird jedoch der Text neu formatiert und alles unterstrichen. Das soll natürlich nicht so sein..

Jemand nen Denkanstoß

Habe ja schon eine *.css Datei..

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #66FFFF;
	text-decoration: underline;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF9900;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000066;
	text-decoration: underline overline;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: underline overline;
}

wenn es zwei gibt, gibt es sicherlich wieder Probleme ?

dann ändert sich der Text ja auch bei Hover usw.
und nur der Text ist dann der Link. ich möchte eigentlich, dass die ganze Grafik der Link ist! (wie bei den Buttons links auf der Seite)

a) hat man dann aber keinen Text, den eine Suchmaschine findet

b) ist die Breite dann festgelegt und auf eine bestimmte Bildschirmgröße / Auflösung optimiert.. Auf kleinen Monitoren fehlt dann was (oder man muß ständig hin und her scrollen) und auf großen Monitoren hat man viel freien Platz..

Trotzdem Danke für Deine Bemühungen

Danke fürs suchen
hat mir schon ein ganzes Stück geholfen

Ich habe dazu noch zwei Fragen:

1.) Wenn ich "background-repeat:repeat" und "display:block;" ausgewählt habe, ist beim Internet Explorer nur der Text als Link anklickbar beim Firefox die ganze Tabelle.

Testseite ist hier:

http://www.wsv-verden-jugend.de/menu/test.html

Es geht um den Balken oben!

Der CSS Schnipsel sieht dafür folgendermaßen aus:

#header a:link, #header a:visited, #header a:hover, #header a:active, #header a:focus  {
	display:block;
	text-decoration: none;
}

2.) Kann ich für den Tabellentext auch eine absolute Schriftgröße festlegen? Je nach Schriftgröße ist der Text manchmal größer als die Tabelle selbst (auch bei Deiner Testseite)