Estimados,
Les cuento, Estoy realizando un menu horizontal con css y mientras ocupaba Chrome ni un problema pero cuando me pase a Intenet Explorer todo esto cambio
Buscando en la web decia que podia ser un problema de compatibilidad pero solo cuando uno pasa el puntero sobre el menu (hover) por lo tanto agrege la siguiente linea
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
Pero el problemas es el siguente:
No me despliega los submenu del principal me pueden ayudar con eso?
Saludos
Dejo el codigo del menu
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
#nav{ width:900px;overflow:hidden;
background-image:url(nav-bg.gif); /** fondo de barra de menus **/
background-repeat:repeat-x;
height:36px;
float:left;}
.catnav{float:left;
width:750px;
}
.catnav ul {
list-style: none;
margin-left:0px;
margin-top:0em;
padding:0em;
}
.catnav li {
float: left;
margin: 0;
margin-left:0;
padding: 0;
list-style-type: none;
}
.catnav a {
display: block;
line-height: 36px;
margin: 0;
padding: 0 10px;
font-size: 12pt;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
background:url(navbg-2.gif) ; /** fondo de opciones de menu **/
list-style-type: none;
text-decoration:none;
letter-spacing: -1px;
}
.catnav li ul {
float:left;
margin:0;
padding:0;
}
.catnav li a:hover {
color: #fffffb;
text-decoration: none;
background:url(navbg.gif) ;
}
.catnav li ul {
list-style: none;
position: absolute;
width: 100px;
left: -999em;
}
.catnav li:hover ul, #nav li.sfhover ul {
left: auto;
}
.catnav li li {
float: left;
margin: 0;
padding: 0;
}
.catnav li li a {
height: 36px;
line-height: 36px;
color: #fff;
background:url(navbg-2.gif) ;
margin: 0;
padding: 0 10px;
}
.catnav li li a:hover {
background:url(navbg.gif) ;
padding: 0 10px;
}
.catnav li:hover, .catnav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page
element prevents nested menus from disappearing) */
position: static;overflow:hidden;
}
</style>
</head>
<body>
<div id="nav">
<div class="catnav">
<ul class="nav">
<li><a href="#"><strong>Inicio</strong></a>
<ul>
<li><a href="#">Visita </a></li>
<li><a href="#">Voluntarios </a></li>
<li><a href="#">Administrador</a></li>
</ul>
</li>
<li><a href="#"><strong>Historia</strong></a></li>
<li><a href="#"><strong>Personal Humano</strong></a>
<ul>
<li><a href="#">SubMenu uno</a></li>
<li><a href="#">SubMenu dos</a></li>
<li><a href="#">SubMenu tres</a></li>
<li><a href="#">SubMenu cuatro</a></li>
</ul>
</li>
<li><a href="#"><strong>Material Mayor</strong></a></li>
<li><a href="#"><strong>Cuartel</strong></a></li>
<li><a href="#"><strong>Multimedia</strong></a></li>
<li><a href="#"><strong>Contacto</strong></a></li>
<li><a href="#"><strong>Links</strong></a></li>
</ul>
</div>
</div>
</body>
</html>
