ayuda con el menu horizontal!!!

1) Upload the "Menu" folder to the root directory of your website.

2) Copy and paste the code below to the desired spot in your site.


<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<div>
<ul class="menu">
<li class="top"><a href="" target="_self" class="top_link"><span>Help-4-pwg</span></a>
<ul class="sub">
<li><a href="http://help-4-pwg.es.tl/pagina-principal.htm" target="_self">Pagina principal</a></li>
<li><a href="http://help-4-pwg.es.tl/registrate.htm" target="_self">registrarse</a></li>
<li><a href="http://help-4-pwg.es.tl/iniciar-sesi%F3n.htm" target="_self">iniciar sesión</a></li>
</ul>
</li>
<li class="top"><a href="" target="_self" class="top_link"><span>Tutoriales</span></a>
</li>
<li class="top"><a href="" target="_self" class="top_link"><span>Codigos</span></a>
<ul class="sub">
<li><a href="http://help-4-pwg.es.tl/html.htm" target="_self">html</a></li>
<li><a href="http://help-4-pwg.es.tl/javascript.htm" target="_self">javascript</a></li>
</ul>
</li>
<li class="top"><a href="" target="_self" class="top_link"><span>Plantillas</span></a>
<ul class="sub">
<li><a href="http://help-4-pwg.es.tl/ice_blue.htm" target="_self">ice-blue</a></li>
<li><a href="http://help-4-pwg.es.tl/Css.htm" target="_self">css</a></li>
</ul>
</li>
<li class="top"><a href="http://help-4-pwg.es.tl/generadores.htm" target="_self" class="top_link"><span>generadores</span></a>
<ul class="sub">
<li><a href="http://help-4-pwg.es.tl/Generador-de-cabezales.htm" target="_self">de cabezales</a></li>
<li><a href="http://help-4-pwg.es.tl/Generador-de-estructura.htm" target="_self">de estructura</a></li>
<li><a href="http://help-4-pwg.es.tl/Generador-de-menu-horizontal.htm" target="_self">de menu horizontal</a></li>
<li><a href="http://help-4-pwg.es.tl/Generador-de-fondos-.htm" target="_self">de fondos</a></li>
<li><a href="http://help-4-pwg.es.tl/Generador-de-menu-vertical.htm" target="_self">de menu vertical</a></li>
</ul>
</li>
<li class="top"><a href="mailto:iker_casillas1rm6@hotmail.com" target="_self" class="top_link"><span>contactanos</span></a>
</li>
</ul>
</div>

.bg {background: url(images/button4.gif);}
.menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(images/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(images/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}