Problema Extraño

[Edig]

Hola a todos,

tengo un problema que jamas me había pasado. Tengo un menú basado en el JS de Lava Lamp y modificado por mi...

Y pues funciona el efecto y todo pero no funcionan los links. Les dejo el code de HTML y el CSS [Tampoco es problema de z-index]

Código HTML:

<ul id="menuList">
        <li class="division"></li>
        <li class="division2"></li>
      	<li class="selectable"><a href="home/">Home</a></li>
        <li class="division"></li>
        <li class="division2"></li>
      	<li class="selectable"><a href="#">Games</a></li>
        <li class="division"></li>
        <li class="division2"></li>
      	<li class="selectable"><a href="#">Other</a></li>
        <li class="division"></li>
        <li class="division2"></li>
      	<li class="selectable"><a href="#">Contact Us</a></li>
      	<li class="division"></li>
        <li class="division2"></li>
	</ul> 

CSS:

Código CSS:

#menu #menuList li a {
    text-decoration: none;
    color: #ddd;
    outline: none;
    text-align: center;
    top: 7px;
    z-index: 10;
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    min-width: 113px;
}   
#menu #menuList li a:hover, #menu #menuList li a:active {
    text-decoration: none;
    color: #FFF;
}
 

Lamentablemente aun no puedo pasar la web

Gracias de antemano :)