No me muestra el menu desplegable funcionando en mozilla y crome y si en explorer

[ava91]

Hola gente buenos dias soy nuevo en esto, pero quizas alguien me puede dar una mano, tengo un sito armado en wordpress que me funciona perfectamente, pero el problema es que el menu que arme lo hice a mano el codigo por que necesitaba que algunos botones no se direccionen a ningun lado que te esten pero que no hagan nada, por eso lo arme a mano. La cuestion es que en internet explorer me funciona perfectamente y en mozilla o crome no me funciona, queria ver si alguien me podia dar una mano y guiarme en que le puedo estar errando, la direccion del sitio es [URL="http://www.vanitoryshidroguer.com.ar"]http://www.vanitoryshidroguer.com.ar[/URL]

Aca les dejo los codigos del CSS y el del header.

HEADER

<div class="art-nav">
<div class="l"></div>
<div class="r"></div>
<ul class="art-menu">
<li class="page_item page-item-20"><a href="http://www.vanitoryshidroguer.com.ar" title="Home"><span class="l"></span><span class="r"></span><span class="t">Home</span></a></li>
<li class="page_item page-item-8 current_page_ancestor"><a href="http://www.vanitoryshidroguer.com.ar/muebles-vanitorys/" onmouseover="this.style.cursor='default';" " onclick="return false;" class="plp_disabled" style="cursor:default;"><span class="l"></span><span class="r"></span><span class="t">Muebles Vanitorys</span></a>
<ul class="children">
<li class="page_item page-item-11 current_page_ancestor"><a href="http://www.vanitoryshidroguer.com.ar/vanitorys/" onmouseover="this.style.cursor='default';" " onclick="return false;" class="plp_disabled" style="cursor:default;">Vanitorys</a></li>
<ul class="children">
<li class="page_item page-item-11" current_page_ancestor><a href="http://www.vanitoryshidroguer.com.ar/tolva/" title="Tolva">Tolva</a></li>
<li class="page_item page-item-11"><a href="http://www.vanitoryshidroguer.com.ar/linea-clasica/" title="Linea Clasica">Linea Clasica</a></li>
<li class="page_item page-item-11"><a href="http://www.vanitoryshidroguer.com.ar/maral/" title="Maral">Maral</a></li>
<li class="page_item page-item-11"><a href="http://www.vanitoryshidroguer.com.ar/avignon/" title="Avig&ntilde;on">Avig&ntildeon</a></li>
<li class="page_item page-item-11"><a href="http://www.vanitoryshidroguer.com.ar/beneton/" title="Beneton">Beneton</a></li>
<li class="page_item page-item-11"><a href="http://www.vanitoryshidroguer.com.ar/venecia/" title="Venecia">Venecia</a></li>
</ul>
</li>
<li class="page_item page-item-11"><a href="http://www.vanitoryshidroguer.com.ar/espejos" title="Espejos">Espejos</a></li>
</ul>
<li class="page_item page-item-20"><a href="http://www.vanitoryshidroguer.com.ar/contactenos" title="Contactenos"><span class="l"></span><span class="r"></span><span class="t">Contactenos</span></a></li>
</ul>

</div>

CODIGO CSS

/*

/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
text-align: left;
text-decoration: none;
outline: none;
letter-spacing: normal;
word-spacing: normal;
}

.art-menu, .art-menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.art-menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background: none;
}

.art-menu li:hover
{
z-index: 10000;
white-space: normal;
}

.art-menu li li
{
float: none;
}

.art-menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background: none;
}

.art-menu li:hover>ul
{
visibility: visible;
top: 100%;
}

.art-menu li li:hover>ul
{
top: 0;
left: 100%;
}

.art-menu:after, .art-menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.art-menu, .art-menu ul
{
min-height: 0;
}

.art-menu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}




/* menu structure */

.art-menu
{
padding: 0 0 0 0;
}

.art-nav
{
position: relative;
height: 25px;
z-index: 100;
}

.art-nav .l, .art-nav .r
{
position: absolute;
z-index: -1;
top: 0;
height: 25px;
background-image: url('images/nav.png');
}

.art-nav .l
{
left: 0;
right: 0;
}

.art-nav .r
{
right: 0;
width: 890px;
clip: rect(auto, auto, auto, 890px);
}


/* end Menu */

/* begin MenuItem */
.art-menu a
{
position: relative;
display: block;
overflow: hidden;
height: 25px;
cursor: pointer;
text-decoration: none;
}

.art-menu li
{
margin-right: 0;
margin-left: 0;
}

.art-menu ul li
{
margin:0;
clear: both;
}


.art-menu a .r, .art-menu a .l
{
position: absolute;
display: block;
top: 0;
z-index: -1;
height: 75px;
background-image: url('images/menuitem.png');
}

.art-menu a .l
{
left: 0;
right: 0;
}

.art-menu a .r
{
width: 400px;
right: 0;
clip: rect(auto, auto, auto, 400px);
}

.art-menu a .t
{
margin-right: 10px;
margin-left: 10px;
color: #FFFFFF;
padding: 0 22px;
margin: 0 0;
line-height: 25px;
text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
top: -25px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
top: -25px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
top: -25px;
}
.art-menu a:hover .t
{
color: #FFFFFF;
}

.art-menu li:hover a .t
{
color: #FFFFFF;
}

.art-menu li:hover>a .t
{
color: #FFFFFF;
}

/* end MenuItem */

/* begin MenuSeparator */
.art-nav .art-menu-separator
{
display: block;
width: 1px;
height: 25px;
background-image: url('images/menuseparator.png');
}
/* end MenuSeparator */

/* begin MenuSubItem */
.art-menu ul a
{
display: block;
text-align: center;
white-space: nowrap;
height: 26px;
width: 180px;
overflow: hidden;
line-height: 26px;
background-image: url('images/subitem.png');
background-position: left top;
background-repeat: repeat-x;
border-width: 0;
border-style: solid;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 26px;
color: #FFFFFF;
margin-right: 10px;
margin-left: 10px;
margin:0;
padding:0;
}

.art-menu ul li a:hover
{
color: #FFFFFF;
background-position: 0 -26px;
}

.art-menu ul li:hover>a
{
color: #FFFFFF;
background-position: 0 -26px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
color: #FFFFFF;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
color: #FFFFFF;
}


/* end MenuSubItem */

[ava91]

DISCULPEN ACLARO ALGO QUISE PONER QUE LO PUEDO VER EN EXPLORER BIEN Y EN MOZILA Y CROME NO LO PUEDO VER EL EXPLORER ES EL DE WINDOWS 7. gRACIAS

[sanxuan]

Deberías comprobar tu código en http://validator.w3.org
Si el código no es válido no se puede garantizar que se muestre correctamente.

Añado un enlace que mostrará el validador y los resultados en castellano: http://validator.w3.org/unicorn/

[ava91]

Muchas gracias sanxuan , me sirvio mucho el sitio que me pasaste, gracias a eso pude solucionar el problema. La verdad que te agradesco mucho.