Chrome no reconoce links de barra de menu

[marcelo1043]

Solo Chrome ha dejado de reconocer los links de la barra de menu de mi web.
No es cosa de opciones porque lo he reinstalado.
Firefox y Explorer reconocen los links de la barra.

Les dejo el código htm de la barra:

<script type="text/javascript" src="chrome.js"></script>

<style >
#MainMenu
{ width:87.5%;
text-align: center;
background: url("images/bmid_040.gif");
margin-left:6.75%;
margin-right:;
height: 100%;
border:;}
#tab
{ margin:0 auto;
top:0;}

#tab ul
{ margin: 0 auto;
padding:0;
list-style:none;
float:left;}

#tab li
{display:inline;
margin:0 0 0 0;}

#tab a
{background:#000000 url("images/bright_040.gif") no-repeat right top;
margin:0 auto;
padding:0;
text-decoration:none;
border:0;
display:block;
float:left;margin-bottom:50px;}

#tab a span
{display:block;
background:url("images/bleft_040.gif") no-repeat left top;
padding:0 10px 0 10px;
font-family: georgia;
font-size:100%;
font-weight:bold;
line-height:230%;}

#tab a:hover,#tab li.item_active a
{background-position:right bottom;
border-color:#000000;}

#tab a:hover span,#tab li.item_active a span
{background-position:left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;;}

.dropmenudiv
{ position:;
top:0;
float:none;
display:block;
visibility:hidden;
border:0 solid #330066;
background: url("images/bleft_040.gif");
z-index:100;
text-decoration:none;
padding:;}

.dropmenudiv ul
{ margin:0 auto;
width:85.5%;
padding:0;
list-style:none;}

.dropmenudiv li
{ display:inline;
margin:0 auto;
padding:0 auto;}

.dropmenudiv a:link, .dropmenudiv a:visited
{ width:100%;
margin:0 auto;
padding:0;
display:block;
border:0 solid #000000;
background:url("images/bleft_040.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;;}

.dropmenudiv a span
{ float:;
display:block;
line-height:100%;
background:url("images/bleft_040.gif") no-repeat right top;
padding:0 2.1% 0 2.1%;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;}

.dropmenudiv a span
{float:none;}

.dropmenudiv a:hover
{ border:0 solid #000000;
background-position:left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;}

.dropmenudiv a:hover span
{background-position:right bottom;
font-weight:bold;}
</style>
<div style="position: relative; width: 100%; margin: auto;">
<div id="MainMenu">
<div id="tab">
<ul>
<li><a href="index.htm"><span>inicio</span></a></li>
<li><a href="1cine-raro%20espanol.htm"><span>cine-raro español</span></a></li>
<li><a href="donde%20verlas.htm"><span>dónde verlas</span></a></li>
<li><a href="series.htm"><span>series</span></a></li>
<li><a href="espana.htm"><span> España </span></a></li>
<li><a href="pagina%20en%20construccion.htm"><span>compra s</span></a></li>
<li><a href="correo.htm"><span>escríbenos</span></a></li>
<li><a href="donativos.htm"><span>ayúdanos
<img alt="" src="paypal-icon.gif"style="position: relative; top:42%;right:0%;"></span></a></li></ul></div></div></div>

[KurozakiIchigo]

declaras muchas veces propiedades a los links <a>

deberias organizarte mas, que tu codigo CSS es algo una sopa de desmapaye.
Usa clases o mete estos "links" dentro de un div contenedor.

Ejemplo: div id="contentlink"

y quita decoraciones con #contentlink a {text-decoration:none;}
despues da propiedades a estos mismos links con lo siguiente:

#contentlink a:link {aqui propiedades;}
#contentlink a:hover {aqui propiedades;}
#contentlink a:visited {aqui propiedades;}
#contentlink a:active {aqui propiedades;}

Debe de funcionar, ya que por ejemplo.
dar un color a #div a, despues das otra decoracion a #div a span, despues das otra decoracion a #div a:link

sabiendo que si solo aplicas todas las propiedades a cualquiera de estas, surgira efecto, pero no entiendo, el erro debe estar a qu sesobreponen valores uno de otros, y chrome no ha de entenderlo XD

P.D: al usar una lista desordenada, no creo que sea necesario el span.
Ya si usas el span para darle algunas propiedades que ya tienes especificadas en tu CSS, no lo creo conveniente pues, tambien tendrias que declarar link, hover, active, visited.

Saludos

[GAST0N]

q raro, acabo de copiar y pegar el mismo codigo q dejaste, y a mi si me funciona en chrome..

proba de nuevo

[marcelo1043]

Gracias por las respuestas.
Yo se que soy un poco chapucero y es que he aprendido solo mediante la prueba acierto y error.

Ya se lo que pasa: debajo puse otro div con un vídeo en un object y hace conflicto con éste div:

<div style="position: relative; top:0px; left:100px; "><object width="720" height="559"><param name="movie" value="http://www.youtube.com/v/fHpV5-pRwHU?fs=1&amp;hl=es_ES&amp;rel=0"></param<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess"value="always"></param><embed src="http://www.youtube.com/v/fHpV5-pRwHU?fs=1&amp;hl=es_ES&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="519" height="404"></embed></object ></div>

Cuando el <object> no estaba contenido en el div todo funcionaba, pero si le quito el <div> no le puedo dar estilo... ¿Cómo puedo hacer que funcionen ambos?

[marcelo1043]

Le he metido un <br> entre medias de ambos y ya funciona la barra del menú.

Otra chapuza más de mi cosecha.

Gracias por ayudarme, visiten mi web si les gusta el cine.

www.cineraro.com