Button-Optik Probleme

[Zeromancer]

Hallo,

ich habe folgende Grafik

ohne Rundung würde mir folgendes einfallen:

• unteren Rahmen in der Grafik weglassen und diesen durch CSS ersetzen. Die ganze Grafik etwas größer konzipieren, dann hast du Reserven für das Strecken.

Beispielhaft:

  
li.navi a {  
  width:7em;  
  display:block;  
  background:#fff url('hintergrund.gif') no-repeat left top;  
  border-bottom:solid 3px #09f;  
}  

Mit Rundung:

• Grafik größer machen und zerschneiden
• Rundung dem li-Element als Hintergrund zuweisen (no-repeat center right);
• Rest dem a-Element als Hintergrund zuweisen (no-repeat center right) und hoffen, dass es bündig mit der Rundung abschließt
• Unteren Rahmen der Grafik durch CSS (border-bottom) ersetzen.

************************************************************
Alles nur Vermutungen, aber einen Versuch wäre es doch wert?
************************************************************

Mit freundlichen Grüßen,
André