Padding su links di testo

[Fayble]

Utilizzo dei links testuali ai quali vorrei applicare un effetto "reverse" sui colori quando faccio l'hover. Per una migliore leggibilità vorrei staccare di qualche pixel il teso dal bordo. Purtroppo IE5 sembra fregarsene dei padding che uso, mentre su altri browser nessun problema.

CSS:

#links {
	float: right;
	width: 400px;
	line-height: 2.5em;
	font-size: 0.9em;
}

#links a, visited {
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-right: 2px;
	text-decoration: underline;
	color: Blue;
	background-color: White;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
}

#links a:hover {
	color: White;
	background-color: Blue;
}

Come posso fixare il problema con IE5?

[haZe]

Guarda, fossi in te me ne fregherei di IE5, visto che stiamo parlando di un effetto solamente grafico e anche secondario.

ps. ottimizza il codice:

padding: 2px 2px 3px;

[haZe]

ADD: me ne accorgo solo ora

#links a, visited

cosa vorresti dire con questa sintassi (sbagliata)?

[Fayble]

Fregarsene è sempre una soluzione (soprattutto se devi stare a fixare bug di IE5! ), ma vorrei insistere ancora un pò per trovare una "pezza".

Il "visited"... niente, era in più.

[haZe]

Eh, ma è sbagliato.

forse volevi dire

#links a, #links a:visited

[Fayble]

Originariamente inviato da haZe
Eh, ma è sbagliato.

forse volevi dire

#links a, #links a:visited

Si si, già rimosso, grazie.

Chiaramente l'HTML che uso è questo:

<div id="links">
   1st Page ::
   2nd Page ::
   3rd Page
</div>

[haZe]

Boh, forse IE5 ha dei problemi nel rendering dei padding su elementi inline... non ti so più aiutare.

[Fayble]

In effetti IE non riesce a trattare il padding degli elementi inline.

Ho provato l'Holly Hack, come descritto QUI.

Continua a non andare.

[haZe]

Il tipo parla con sicurezza, come se l'hack l'avesse provato lui stesso. Sei sicuro di non aver sbagliato qualcosa? Aggiungici anche un background-color: red o qualcosa del genere per verificare che il selettore vada.

[Fayble]

Ho provato in mille modi, non va.

Creo che l'unico modo per mettere il padding sia quello di utilizzare elementi block-level ed in particolare una lista. Proverò così, vediamo...