Problema con logotipo en IE, por favor ayuda urgente

Resulta que cuando me meto en mi página desde IE el logotipo me da errores. Cuando pongo el ratón encima me sale una franja negra invadiendo parte de la barra de navegación. Tengo este código en el html-kit

HTML

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html"><img src="mi-pagina-web/objetos/logotipodos.jpg" width:"1000px" height:"80px" alt="Haz clic aquí para volver a la página de inicio"></a>
</div>
</div>

ESTILOS CABECERA Y LOGOTIPO

#cabecera {background-color:white; border-left:black 1px solid;
border-right:black 1px solid; height:80px;}

#logotipo {width:1000px; height:80px;}


#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: black }
#logotipo a:active {}

HTML NAVEGACION

<div id="navegacion">
<ul>
<li><a href="#">VIDEOS</a></li><li><a href="#">FOTOS</a></li><li><a href="#">ACTRICES</a></li><li><a href="#">CATEGORIAS</a></li>
</ul>
</div>

ESTILOS NAVEGACION

#navegacion {background-color:; border:black 1px solid; height:20px; width:1000px; background-image:url(mi-pagina-web/objetos/bg.png)}
#navegacion li { float:left; list-style:none; margin:0px 50px 0px 50px; font-weight: bold; }
#navegacion ul { margin-left: 180px; }


Gracias

Esa franja negra es el fondo del logotipo :p

[COLOR=#333333]#logotipo a:hover {background-color: black }[/COLOR]

Además en los estilos de navegación tienes un pequeño error:

[COLOR=#333333][FONT=Verdana]background-color:;

Si no le vas a poner ningún color, quita la propiedad o te dará errores.