menu con css display block

[max103]

ho un piccolo menù (vedi immagine allegata)

questo è il css:

/*A*/ .navright li.a a:link, .navright li.a a:visited { 	display:block; 	padding:50px 20px 20px 0px; 	background:url(../img/pulshom_ico1.jpg) no-repeat; 	color:#DDDDDD; } .navright li.a a:hover { 	color:#666666; }

al mouse over la scritta cambia colore, il quadratino grigio è una foto che rimane invariata

domanda:
su FF tutto ok,
su IE fa il mouse over solo sul testo, non considera lo spazio occupato dal padding. c'è un modo per ovviare a questo?

[erredeco]

.navright li.a a:link, .navright li.a a:visited {
display:block;
padding:50px 20px 20px 0px;
background:url(../img/pulshom_ico1.jpg) no-repeat;
color:#DDDDDD; }

.navright li.a a:hover {color:#666666; }

A me sembra che funzioni. prova a postare tutto il codice

[max103]

<div class="navright">
<ul>
	<li class="a">galleria
	<li class="b">curriculum
	<li class="c">contatti[/list]
</div>

si funziona, il problema e che su IE non considera lo spazio occupato dal padding (padding:50px 20px 20px 0px praticamente i 50px servono a "contenere la fotina"

su FF se passi sopra la foto sei "mouse over"
su IE se passi sopra la foto sei "mouse out"

[erredeco]

<div class="navright">
<ul>
<li class="a ">galleria
<li class="b ">curriculum
<li class="c ">contatti[/list]
</div>

Nel foglio di stile hai definito delle regole che si applicano solo alla classe "a" !

.navright li.a a:link, .navright li.a a:visited {
display:block;
padding:50px 20px 20px 0px;
background:url(../img/pulshom_ico1.jpg) no-repeat;
color:#DDDDDD; }

.navright li.a a:hover {color:#666666; }

[max103]

al momento non ho i file a disposizione per fare prove, appena riesco ti faccio sapere,

pensi sia quello che genera l'errore?

ho notato che al css non piacciono neanche i nomi composti da soli numeri es:
.1 {...}

[erredeco]

da quel che so id e classi non dovrebbero *mai* cominicare con un numero