HTML/CSS: Buttons mit Text

[FarChris]

Hallo,
ich habe ein Button und möchte mit CSS einen Text auf diesen bekommen.

Hier ist mein CSS-Code:

Code: Alles auswählen

.button
{
display:inline;
background-image:url(button.png);
padding-top:6px;
width:150px;
height:25px;
font-size:12px;
font-family:Verdana, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:center;
}

Und hier der HTML-Code:

Code: Alles auswählen

<a class="button" href="index.html">Startseite</a>

Der Button wird nun allerdings nicht komplett angezeigt, sondern passt sich nach der Größe des Textes an.
Der Button soll allerdings komplett angezeigt werden. Wenn der Text größer als der Button ist, soll der Button aber auch nicht wiederholt werden, sondern der Text soll einfach über die Größe des Buttons gehen.

Danke für Hilfe!

[S2B]

Das Problem ist das "display: inline". Wenn du ohnehin Breite und Höhe angibst, kannst du auch gleich "display: block" verwenden.