ho un problema:
ho inserito delle immagini che al passaggio del mouse dovrebbero avere il bordo bianco e non nero.
con firefox tutto bene ma con ie6 non funziona e il bordo diventa azzurro o viola.
il codice html è il seguente:

</head>
<body>
<div id="contenitore">
<div id="intestazione">[img]veniceimg/logo.jpg[/img] Creazioni di maschere veneziane, alta bigiotteria e collane in stile veneziano</div>
<div id="navigazione2">


laboratorio</p>


maschere</p>


alta bigiotteria</p>


eventi</p>


video</p>


[img]veniceimg/audio-on.png[/img] [img]veniceimg/audio-off.png[/img]</p>
</div>
<div id="contenuti1">
<div>
<h3>Maschere da arredamento</h3>
</div>
<div id="mas3">[img]veniceimg/bavero.JPG[/img]</div>
<div id="mas2">[img]veniceimg/joazzurro.jpg[/img]</div>
<div id="mas2">[img]veniceimg/jobianco.jpg[/img]</div>
<div id="mas2">[img]veniceimg/jolly argento.JPG[/img]</div>
<div id="mas2">[img]veniceimg/jolly cuoio.JPG[/img]</div>
<div id="mas3">[img]veniceimg/jolly oro.JPG[/img]</div>
<div id="mas2">[img]veniceimg/jooro.jpg[/img]</div>
<div id="mas2">[img]veniceimg/jorosso.jpg[/img]</div>
<div id="mas2">[img]veniceimg/preziosa donna (oro-arg).jpg[/img]</div>
<div id="mas2">[img]veniceimg/ricciolo.JPG[/img]</div>
</div>
<div id="piede">
<div id="piede3">[img]veniceimg/ITALY.gif[/img]
[img]veniceimg/BRITAIN.gif[/img]
[img]veniceimg/SPAGNA.gif[/img]</div>
<div id="piede2">
<div id="logo4"> telefono 328-9460066 </div>
<div id="logo5"> info@venicemask.it </div></div>
</div>
</div>
</body>
</html>

il css è il seguente:

div#intestazione {
font-family: Vivaldi;
font-size: 180%;
width: 100%;
color: #000000;
clear: right;
height: auto;
margin-left: 5%;
}
div#contenitore {
width: 90%;
background-color:#666666;
margin-left: 5%;
}
div#contenuti {
font-family: Vivaldi;
margin-left: 5%;
padding-top: 3%;
background-color: #CD073E;
padding-bottom: 3%;
width: 77%;
text-align: center;
clear: left;
height: auto;
margin-top: 1%;
}
div#contenuti1 {
font-family: Vivaldi;
padding-top: 1%;
background-color: #CD073E;
padding-bottom: 1%;
width: 77%;
clear: left;
overflow: hidden;
height: auto;
text-align: center;
margin-left: 5%;
margin-top: 1%;
}
div#lab {
width: 17%;
float: left;
padding-top: 1%;
padding-bottom: 1%;
clear: left;
}
div#lab2 {
float: right;
text-align: center;
width: 75%;
clear: right;
margin-right: 2%;
}
div#mas1 {
}
div#mas2 {
width: 15%;
margin-top: 2%;
margin-bottom: 1%;
margin-left: 2%;
height: auto;
float: left;
margin-right: 1%;
display: inline;
}
div#mas3{
width: 15%;
margin-top: 2%;
margin-bottom: 1%;
margin-left: 3%;
height: auto;
float: left;
margin-right: 1%;
display: inline;
}
div#piede {
font-family: Vivaldi;
width: 100%;
clear: right;
margin-top: 1%;
margin-left: 5%;
}
div#piede2 {
float:right;
width: 85%;
font-size: 120%;
}
div#piede3 {
width: 15%;
float: left;
}
div#navigazione2 {
float:right;
font-family:Vivaldi;
color: #000000;
text-align: left;
width: 15%;
background-color: #666666;
line-height: 85%;
margin-top: 2%;
margin-left: 2%;
margin-bottom: 1%;
font-size: 180%;
text-decoration: none;
clear: right;
height: auto;
}
#logo {
width: 50px;
height:50px;
border: none;
}
#logo2 {
border: none;
}
#logo3 {
border: none;
float: left;
margin-right: 3%;
}
#logo4 {
border: none;
float: left;
width: 50%;
}
#logo5 {
border: none;
width: 50%;
float: right;
font-weight: bold;
}
body {
color: #000000;
background-color: #666666;
}
a:link {
font-family: Vivaldi;
font-size: 90%;
line-height: 85%;
text-decoration: none;
color: #000000;
}
a:visited {
font-family: Vivaldi;
color: #000000;
line-height: 85%;
font-size: 90%;
text-decoration: none;
}
a:hover {
font-family: Vivaldi;
color: #FFFFFF;
line-height: 85%;
font-size: 90%;
text-decoration: none;
}
a:active {
font-family: Vivaldi;
color: #000000;
line-height: 85%;
font-size: 90%;
text-decoration: none;
}

non riesco proprio a capire dov'è l'errore.