Rollover-Buttons (CSS) - Text darin ausrichten

[Pida]

Hi,

hab jetzt das im Head:

<style>
a   {padding-left:4px;
    background-image:url(dateien/linkbutton.jpg);
    background-repeat:no-repeat;
    backround-position:2px 2px;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    text-align:center; }
a:hover { background-image:url(dateien/aktivbutton.jpg); }
</style>

und das im Body:

<a "href="index.html">Home</a>
<a style="margin-top:15px" href="dateien/artist.html">Artist</a>
<a style="margin-top:15px" href="gb">Guestbook</a>

Problem: Die Grafik (98px hoch) wird nicht komplett angezeigt, sondern es stehen jetzt drei Links in drei Zeilen direkt untereinander; unterlegt jeweils vom oberen Rand der Grafik.

Was hab ich falsch gemacht?

Danke, Pida

P.S.: Das oben in der 2. Zeile nur "a" steht und nicht "a:link" hab ich übrigens aus einer Vorlage übernommen; mit "a:link" geht bei mir gar nichts.