Effetti Hover sui div che non funzionano con IE

[WarriorXP]

Ciao, a questo indirizzo ci sono due effetti che in IE non funzionano come dovrebbero: il bordo per i download cambia e il colore del bordo sinistro dei link cambia anch'esso al passaggio del mouse.

Con Opera e GeckoBased funziona alla perfezione... Con IE invece no.

I css relativi sono:

/* DOWNLOAD */
.download {
	position:relative;
	border-left: 1px solid #84bbe0;
	border-bottom: 3px solid #84bbe0;
	border-top: 1px solid #84bbe0;
	border-right: 2px solid #84bbe0;
	width: 62%;
	margin-bottom: 5px}
.download:hover {
	border-left: 2px solid #4b91c2;
    border-bottom: 1px solid #4b91c2;
	border-top: 3px solid #84bbe0;
	border-right: 1px solid #84bbe0;
	}
/* LINK UTILI */
.links {
	border-left: 3px solid #84bbe0;
	margin-bottom: 5px}
.links:hover {
	border-left: 3px solid #4b91c2;}

E sono richiamati nel div che racchiude i relativi spazi.. Insomma: una cosa semplice semplice

Ma, come faccio a farlo funzionare su IE

[lukeonweb]

su altri browser funzionano?

[WarriorXP]

Su Opera, Mozilla, Firefox funzionano... Avrei provato con lynx ma non so se sia il caso

[flanza]

Se non erro il problema è che IE non accetta hover su tag diversi da a.
La soluzione che ho adottato io è quella di usare il tag a di volta in volta modificato con i css.

[WarriorXP]

Originariamente inviato da flanza
Se non erro il problema è che IE non accetta hover su tag diversi da a.
La soluzione che ho adottato io è quella di usare il tag a di volta in volta modificato con i css.

Azz funzionerebbe un <a> con un link fittizzione e, dentro, tutto quel contenuto? Ora provo...

[WarriorXP]

Uhm ora che ci penso non so se sia proprio regolamentare per l'xhtml mettere dei

e dei <div> dentro un <a>... :gren:

Non c'è un'altra soluzione?

[flanza]

cambiare le prop con javascript (onmouseover/onmouseout)?

[WarriorXP]

Originariamente inviato da flanza
cambiare le prop con javascript (onmouseover/onmouseout)?

E come si indicano i bordi con il dom?

[Marcolino's]

<div>Testo da evidenziare</div>

[flanza]

inline:

onmouseover="this.style.border='1px solid #000'"