CSS qui ne marche pas sous IE 6

bonjour,

jais un petit problème avec un CSS qui ne marche pas sous internet explorer 6.

Pouvez-vous aider SVP.

code html

<div class="bouton">
<p>
<a href="#">.</a>
</p>
</div>



code CSS

.bouton a
{
position: relative;
display:block;
margin-left: 300px ;
width:50px;
line-height:100px;
text-align:center;
vertical-align:middle;
background:url(../../images/dock/test.png) no-repeat;
color: #fc2cd3;
text-decoration:none;
}
.bouton a:hover
{
background:url(../../images/dock/testo.png) no-repeat;
}