Problème IE7 border style double

Bonsoir,
J'ai un pb d'affichage sous IE7 lorsque la souris passe sur l'une des cases de mon menu (mais sans cliquer dessus). Après son passage (lorsque la souris n'est plus sur le lien) pour les liens ayant un border double, la zone située entre les deux lignes du border se colore très bizarrement. Pourriez-vous essayer mon code chez vous et me dire si vous avez le même problême sous IE7. (Sous IE6, il n'y a pas de problèmes si ce n'est que le border double n'a pas la même tête que le border double de ff)

Merci d'avance pour votre aide.

PS: Auriez-vous une solution pour pallier à ce bug?

voici mes codes html et css:


<div class="menu">
<ul>
<li><a href="">Menu1</a></li>
<li><a href="">Menu2</a></li>
<li><a href="">Menu3</a></li>
<li><a href="">Menu4</a></li>
<li><a href="">Menu5</a></li>
</ul>
</div>



.menu ul
{
width: 660px;
position:relative;
left: 99px;
list-style:none;
text-align: center;
margin:1px 0px 0px 0px;
padding: 0px;
}

.menu li
{
float: left ;
}

.menu li a
{
display: block ;
background: #3269F4;
color: white ;
font: 12px Verdana, Times, serif;
line-height: 25px ;
width: 125px;
border: 3px double #00C;
text-decoration: none;
margin-right: 1px;
}

.menu li a:hover, .menu li a:focus, .menu li a:active
{
background: #00C;
color:white;
}