Problemas con a:hover en Crome y Safari

[gcrlink]

Saludos...

Tengo problema con a:hover tanto en Crome como en Safari. No me funciona el a:hover en ambos mientras que en IE, FF y Opera sí me funciona.

Pasa que tengo un sencillo menu en una página. El color de los enlaces son #000000. El color del a:hover es #0000cc.

Ojalá alguno de ustedes me pueda ayudar.

El códgio es el siguiente:

Código HTML:

<div id="menu">
                    <ul>
                    
                    <li><a style="border: none; cursor: pointer;">INICIO</a></li>
                    <li><a style="cursor: pointer;" onmouseover="muestra('menumcv');" onmouseout="oculta('menumcv');">
                    MARIANO CIVICO</a></li>
                    <li><a onmouseover="muestra('menumusica');" onmouseout="oculta('menumusica');" style="cursor: pointer;">MULTIMEDIA</a></li>
                    <li><a href="http://musicamarianocivico.blogspot.com/2010/12/palante-otra-vez.html" target="_blanck">MY BLOG</a></li>
                    <li><a href="http://www.youtube.com/user/MarianoCivicoMusica" target="_blanck">YOU TUBE</a></li>
                    <li><a onclick="document.getElementById('contenedor_formulario').style.display = 'block'" style="cursor: pointer;">CONTRATACIÓN</a></li>
                    
                    </ul>
         </div>
 

Código CSS:

#menu
{
float: left;
margin: 0;
width: 680;
height: auto;
margin-top: 13;
}
 
#menu ul li
{
display: inline;
}
 
#menu ul li a
{
text-decoration: none;
font-family: arial black;
font-size: 13;
color: #000000;
border-left: 1px solid #000000;
padding: 0 7;
}
 
#menu ul li a:hover
{
color: #0000cc;
}