Problema <input type=radio> su browser diversi

[freddie1978]

Ciao, mi sono accorto che firefox e chrome (non ho provato i.e.) gestiscono in maniera diversa il css che ho scritto gli <input type="radio">.
Chrome gestisce bene i colori ma devo capire come tornare al colore di default in caso di unchecked ddel pulsante radio.
Invece firefox proprio non se li fila i colori.
Inoltre chrome vede il pulsante radio come fosse una checkbox mentre firefox lo vede in maniera corretta.....
Questa è la parte di CSS, avete qualche suggerimento ?

input[type=radio] {
cursor: pointer;
padding-left:5px;
padding-right:5px;
border-radius:4px;


-webkit-appearance: button;


border: double 2px #00F;


background-color:#ff0000;
color:#ff0000;
white-space: nowrap;
overflow:hidden;


width:15px;
height:15px;
}


input[type=radio]:checked {
background-color:#00cc00;
border-left-color:#06F;
border-right-color:#06F;
}