Tengo un pequeño problema y me encantaría que pudieran ayudarme, un amigo me paso este código para hacer un menu despleglable con XHTML y CSS, pero en Internet Explorer no funciona, he estado estudiando un poco el código y no tengo ni idea de donde está el error, les coloco los cod aqui para ver si lo quieren mirar
Desde ya, muchas gracias y un beso!!
Html
Código:
CSS<div id="navigation"> <div class="menu"> <ul id="nav"> <li><a href="#" class="active">Principal </a></li> <li><a href="#">Categoría 2 </a></li> <li><a href="#">Categoría 3</a></li> <li><a href="#">Categoría 4</a> <ul class="socios"> <li><a href="#">Subcat 1</a></li> <li><a href="#">Subcat 2</a></li> <li><a href="#">Subcat 3</a></li> </ul> </li><li><a href="#l">Categoría 4</a></li> <li><a href="#">English Version</a></li> </ul> </div> </div>
Código:
#navigation { height: 310px; min-height: 310px; } #navigation ul { color: #FFFFFF; margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; } #navigation li a { text-decoration: none; color: #FFFFFF; display: block; padding: 7px 0 5px 20px; margin: 0 20px 0 0; height: 18px; } #navigation li a:hover { font-weight: bold; } #navigation li a.active { text-decoration: none; color: #00709f; background-color: #bfeaff; padding: 7px 0 5px 20px; margin: 0 20px 0 0; font-weight: bold; } .menu ul { padding: 0; margin: 0; list-style: none; position:relative; } .menu ul ul { visibility:hidden; position:absolute; } .menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; } .menu ul :hover ul ul{ visibility:hidden; } .menu ul :hover ul :hover ul ul{ visibility:hidden; } .menu ul :hover ul :hover ul{ visibility:visible; background:#ded; } .menu ul :hover ul :hover ul :hover ul { visibility:visible; } .menu li { position: relative; } li > ul { top: auto; left: auto; } .menu li:hover ul, li.over ul{ display: block; } ------ .menu ul { padding:0; margin:0; list-style-type:none; position:relative; background:transparent; } .menu li { background:transparent; } * html .menu li {margin-left:-16px; margin-lef\t:0;} /* get rid of the table */ /* style the links */ .menu a, .menu a:visited { width:150px; color:#000; background:transparent; } /* style the link hover */ * html .menu a:hover {color:#fff;} .menu :hover > a { color:#fff; } .menu ul ul { visibility:hidden; position:absolute; top:-1px; left:100px; } .menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; background:#00709e; } .menu ul :hover ul ul{ visibility:hidden; } .menu ul :hover ul :hover ul ul{ visibility:hidden; } .menu ul :hover ul :hover ul{ visibility:visible; background:#00709e; } .menu ul :hover ul :hover ul :hover ul { visibility:visible; background:#00709e; } .menu ul.socios { top:0px; left: 150px; }