Background elemento <a>

[^EvAmPiReS^]

Salve a tutti vorrei sapere se c'è un qualche trucchetto(hack) per far in modo di ridurre lo spazio di background di un elemento <a> per la versione di internet explorer < 6.0. Mi spiego:

Con explorer:



Con firefox:



Tra l'altro ho anche problemi con il mouse hover su explorer visto che l'immagine che dovrebbe caricarsi al passaggio non copre l'intero sfondo (una parte rimane nera...)
Spero di essere stato chiaro, grazie per ogni consiglio...

[^EvAmPiReS^]

UP

[TheClue/Nash]

hai ridefinito l'elemento A come blocco? in tal caso puoi esplicitarne le dimensioni con width, height, margin ecc.ecc.

in caso contrario, prova ad esplicitare con un valore di altezza riga....

[^EvAmPiReS^]

Ecco come ho definito <a>:

.subareamenu li a{
font: bold 100% Arial, Verdana, sans-serif;
display: block;
width: auto;
/* Padding verticale per ogni link */
padding: 7px 0;
text-indent: 8px;
text-decoration: none;
color: white;
line-height: normal;
}

Ma non cambia nulla, devo forse farlo diventare un div?

[TheClue/Nash]

avendolo definito come blocco ti rende superfluo trasformarlo in div...funzionalmente è gia' un div

prova ad esplicitare l'altezza height

ad esempio:

height: 2em;
line-height: 2em; /* cosi' ottieni l'allineamento verticale */

[^EvAmPiReS^]

Sembra andare... Grazie!

P.S. Tanto ci risentiamo

[TheClue/Nash]

dovere e in bocca al lupo