Unterschiedliche Darstellung in Fx <6 und >=6

[dave]

Hi,

ich brauche einen "CSS-Hack" um für alle Fx>=6 andere Styles angeben zu können.

Prinzipiell ginge das ja mit Selektoren mit Vendor-Prefix die erst ab der entsprechenden Firefox Version erkannt werden.

Nur leider finde ich keinen der ab Fx6 geht.

Kennt jemand einen?
Oder eine andere Möglichkeit?

Hier der Code der zur unterschiedlichen Darstellung führt:

<button>foo</button>

button {  
    background: orange;  
    cursor: pointer;  
    display: inline-block;  
    height: 23px;  
    line-height: 23px;  
    padding: 0 0 0 10px;  
    margin: 10px 10px 0 0;  
    position: relative;  
    border:none;  
}  
button:after {  
    content:"";  
    position:absolute;  
    right: 3px;  
    top: -1px;  
    padding-right: 10px;  
    background:blue;  
    height:23px;  
}

http://jsfiddle.net/sA2y2/5/

Ich konnte beim erstellen dieses Beispiels nur noch auf Fx3.6 und Fx6 testen, bin zu faul wieder den Fx5 zu installieren. Dürfte aber auch dort anders aussehen als im Fx6?

~dave