Ragazzi, ho usato questo CSS

.pulsante{width : 100%;
text-align : center;
margin-top : 7px;
cursor: pointer;
height: 25px;
}
.pulsante a:hover{width : 100%;
display: block;
padding-left: 1px;
padding-top: 1px;
}


per dare un effetto "pressione" ai tasti del menu del mio sito www.cflgroup2001.it , che sono delle immagini!!
Praticamente quel CSS fa abbassare e spostare a destra di 1px l'immagine del menu, lasciando ferme le altre..tutto questo va alla grande su Firefox e su opera, ma ovviamente con IE 7 non va!!

Ho provato anche con i commenti condizionali, ma non c'è nulla da fare...praticamente si spostano anche tutte le altre immagini del menu, insieme a quella sula quale si passa il puntatore del mouse!! Credo che sia un problema di differente lettura di IE7 dell' hover, poichè se anche scrivo il CSS cosi:

.pulsante{width : 100%;
text-align : center;
margin-top : 7px;
cursor: pointer;
height: 25px;
}
.pulsante a:hover{
}

anche senza nessun attributo del'hover, comunque se passo sopra ad una immagine del menu si spostano in basso anche le altre di almeno 3 pixel...perchè??

AIUTATEMI VI PREGO!!!

PS: sul sito non ho caricato quel css in attesa di trovare una soluzione!!