a:hover e IE

dawson.s

a:hover e IE

Non so forse sarò uscito pazzo io perchè mi sto soffermando su questa particolarità ma vorrei creare un sito con lo stile del link hover con bordo tratteggiato in basso (che mi piace molto nello stile con un certo layout) ma con questo codice l'effetto bordo non funziona con IE 6 e 7 ok che fanno schifo ma fino a questo punto??

Qualcuno mi può spiegare cosa non va?

[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test </title>
<style type="text/css">
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
a:link, a:visited {
color:;
text-decoration:none;
}

a:hover {
color: #486A86;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #0066CC;
text-decoration: none;
}
</style>
</head>

<body>
<a href="#">Link</a>
</body>
</html>[/html]

karedas

Explorer interpreta i bordi come se questi fossero esterni all'oggetto (non li incorpora internamente come firefox).

Una soluzione potrebbe essere questa:

a{ 
line-height:22px;
}
a:hover{ 
border:1px dotted #0066CC;
text-decoration:none;
}

dawson.s

Grazie