axel f.: dynamische Buttons + runde Ecken

Beitrag lesen

Hallo zusammen,

ich hab folgendes Problem.
Ich versuche die Anzeige von Buttons dynamisch zu erstellen.
Das heisst die Höhe ist fest und die breite soll sich an Hand des Inhalts anpassen.
Funktioniert auch wunderbar mit viereckigen Buttons, da diese nur aus einer Grafik bestehen. (width:1px; overflow:visible)
Da ich jedoch Schaltflächen brauche, die links und rechts abgerundet sind, funktioniert das nicht, da am Ende jeweils das Runde abgeschnitten wird.
Wollte mit den Pseudoelementen :before, :after arbeiten, jedoch wird das vom IE nicht unterstützt und fällt auch raus.

Was geht ist, 3 div's für "davor", "inhalt", "dahinter", wobei "davor" und "dahinter" statisch sind und "inhalt" eine 1-Pixel breite Grafik mit repeat-x;

Das bedeutet allerdings, dass ich für jeden einzelnen Button die Klassen angeben muß und das ist mir zu mühsam.

Gibt's dafür eventuell nen anderen Ansatz?
Bin für jede Idee dankbar.