Effetto pressione tramite CSS!!

[sbobby]

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!!

 

[PoLe]

Penso che le case creeranno browser con regole comuni più o meno alle calende greche..

Vado a naso, prova così:

[B][COLOR="Blue"]a.[/COLOR][/B]pulsante{
width : 100%;
text-align : center;
margin-top : 7px;
cursor: pointer;
height: 25px;
}

[B][COLOR="blue"]a:hover.[/COLOR][/B]pulsante{
width : 100%;
display: block;
padding-left: 1px;
padding-top: 1px;
}

Oppure, se proprio non trovi alcuna soluzione, potresti creare una classe per ogni singolo bottone, ma non sarebbe il massimo come soluzione.

Facci sapere!
:byebye:

 

[sbobby]

Ho scavalcato il problema usando un javascript per avere degli effetti sulle immagini del menu...se andate sul mio sito e provate a passare il mouse sul menu potrete vedere...:mavieni: