salve a tutti,

sto costruendo un sito internet, sono quasi alla fine ma, come al solito, IE mi crea problemi di visualizzazione....il sito è questo http://www.trattoriacrocebianca.net/locale.html
il problema sta nella foto di sfondo dei pulsanti del menù dove ho usato la regola background-size: cover per poter ridimensionare l'immagine e adattarla alla dimensione dei pulsanti essendo i pulsanti in percentuale come larghezza...tutto bene su chrome, safari, mozilla e anche IE 9 ma IE precedenti la foto mi si taglia e ne manca un pezzo a dx, il cucchiaio in pratica....

questo è il codice css dei pulsanti:

.pulsante {
width:16.6%;
background-image: url(../images/pulsante1.png);
background-repeat:no-repeat;
background-size:cover;
float:left;
}

c'è qualcuno che mi possa aiutare e dire come posso fare per risolvere questo problema senza stravolgere tutto? vi ringrazio tantissimo..

Nicola