a hover se corta con imagen

[cham]

Hola,
Mi problema es que creé un enlace para cerrar una ventana y le puse una imagen que al pasar el raton por encima la sustituye por otra. En iexplorer me funciona bien pero en firefox al poner el ratón encima la imagen sale cortada y se desplaza hacia abajo y no sé porqué:

Aqui el codigo:

<div class="barrap">
<a href="javascript:window.close();"><img src="Images/cerrar1.png" width="33" height="31" alt="Cerrar ventana" border="0"></img></a>
</div>

El css es este:

a:link a:visited
{
width:33px;
height:31px;
border:0px solid;
display:block;
}

a:hover
{
background-image:url(Images/cerrar2.png);
}

a:hover img
{
background: transparent;
visibility: hidden;
}

Gracias.