Hola a todos,
¿A alguien se le ocurre porqué este menu aparece correctamente en IE pero completamente descolocado en Firefox y Netscape? Muchas gracias
<html>
<head>
<script type="text/javascript">
<!--
function abrirmenu(id){
ul = "ul_" + id;
ulElement = document.getElementById(ul);
if (ulElement){
if (ulElement.className == 'closed'){
ulElement.className = "open";
}else{
ulElement.className = "closed";
}
}
}
//-->
</script>
<style type="text/css">
BODY {
background : #C0D9D9 url(imagenes/paper002.jpg) repeat;
font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #666666;
margin : 20px 0px 20px 0px;
text-align: center;
}
#contenedor{
text-align: left;
width: 750px;
margin: auto;
}
#cabecera{
height : 106px;
width: 750px;
}
#navegadores{
position:relative;
padding : 0px 0px 35px 0px;
}
#navegador2{
color:#333366;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
padding : 4px 10px 0px 0px;
float:right;
}
.open {
display: block;
cursor: pointer;
text-align: left;
font-size: 9pt;
color : #000000;
padding: 0px 0px 10px 0px;
}
.open li {
padding: 0px 0px 7px 0px;
}
.closed {
display: none;
}
#menupralist li {
display:inline;
list-style:none;
margin-right: 0px;
}
#menupral{
cursor:pointer;
top:2px;
left:0px;
float:left;
z-index:100;
position: absolute;
margin-left:0px;
}
#menupralist li a {
font-size: 10pt;
color:#000000;
font-weight: bold;
text-decoration: none;
padding: 3px 15px 3px 15px;
margin-right: 3px;
background: #DDE;
border: 1px solid #778;
float:left;
}
#encuentros li {
display:block;
border: 1px solid #778;
margin-top:1px;
}
#ul_encuentros li{
padding: 3px 0px 3px 10px;
width: 266px;
background: #DDE;
}
#ul_encuentros{
float:left;
margin-left:37px;
padding: 3px 0px 5px 0px;
clear:left;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="cabecera"><img src="imagenes/cabecera.jpg" width="750" height="106" border="0">
</div>
<div id="navegadores">
<div id="menupral">
<ul id="menupralist">
<li><a href="#">inicio</a></li>
<li id="encuentros"><a onmouseover="abrirmenu('encuentros');">encuentros musicales y festivales</a>
<ul id="ul_encuentros" class="closed">
<li id="pirenaicos">encuentros pirenaicos</li>
<li id="canarias">festival de Canarias</li>
</ul>
</li>
<li><a href="#">viajes musicales</a></li>
</ul>
</div>
<div id="navegador2">
<a href="#" class="enlacenav">foro</a> |
<a href="#" class="enlacenav">buscar</a> |
<a href="#" class="enlacenav">contactar</a>
</div>
</div>
</div>
</body>
</html>