Muchisimas gracias por tu solucion.
Ha quedado perfecto.
A si da gusto aprender.
Muy bien por la explicacion.
El codigo definitivo queda asi sin las etiquetas body y funciona perfectamente.
Código CSS:
Ver original/* Menu */
#menu-horizontal {
position: absolute;
width: 985px;
margin:0 auto;
}
#menu-horizontal li {
margin:0 1px;
width:155px;
min-height:19px;
text-align:center;
background: img/bg_menu01.gif repeat x;
list-style:none;
padding:2px 0;
}
#menu-horizontal li.activar{background-color:#C04D00;}
#menu-horizontal li:hover {
background:#C04D00;
width:155px;
}
#menu-horizontal li a {
font:bold 14px Arial, Helvetica, Sans-serif;
color:#FFFFFF;
text-decoration:none;
}
#menu-horizontal li ul li{
float:none;
width:155px;
margin:7px 0;
}
ul#menu-horizontal li {
float: left;
display: inline;
position: relative;
}
ul#menu-horizontal ul {
display: none;
position: relative;
width:155px;
background:#BECD43;
}
ul#menu-horizontal ul li {
display: block !important;
}
ul#menu-horizontal li:hover ul{
display: none;
}
ul#menu-horizontal li:hover ul{
display: block;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
* #menu a { float: none ; }
/* FIN */
Y asi el
Código HTML:
Ver original<ul id="menu-horizontal"> <li class="activar"><a href="#">INICIO
</a>
Al codigo original que postee se le añade la linea 19.
He puesto de nuevo todo el codigo completo por si le sirve a alguien.
Hay que cambiar la clase activar solo, en la pagina html que se abra.
Como ha explicado all-ill
Muchisimas gracias all-ill.
Saludos