dave: Unterschiedliche Darstellung in Fx <6 und >=6

Beitrag lesen

Hi,

<a class="button"><input type="submit" value="foo" /></a>

<a class="button"><span>foo</span></a>

  
Zusätzliches Markup, was ich nicht wollte.  
Da lieber CSS-Hacks :P  
  
Zudem sollte man a-Elemente nicht nur für Links verwenden? Musste da an [dieses Zitat](http://community.de.selfhtml.org/zitatesammlung/zitat2002) denken.  
  

> Die Grafik dazu muss so aussehen:  
>   
>  \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_                               \_  
> /                           |                             | \  
> |                           |                             | |  
> \\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_|                             |\_/  
>  \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_                               \_  
> /xxxxxxxxxxxxxxxxxxxxxxxxxxx|                             |x\  
> |xxxxxxxxxxxxxxxxxxxxxxxxxxx|                             |x|  
> \xxxxxxxxxxxxxxxxxxxxxxxxxxx|                             |x/  
  
Allerdings habe ich so keine variable Breite oder?  
Irgendwo hört die Grafik ja auf?  
Das Problem hätte ich mit :after/:before und dieser Grafik nicht:  
  
 \_\_\_\_  
/  
|  
\\_\_\_\_  
\_\_\_\_\_  
  
  
\_\_\_\_\_  
\_\_\_  
   \  
   |  
\_\_\_/  
  
  
Wobei bei mir der Button den Teil in der Mitte als Hintergrund hat mit repeat-x und after/before eben die beiden Enden.  
  
~dave