Hola chicos
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:
<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>
CSS
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;
}