tengo el sig.. codigo ...
Código XML :
#fondo {
position: absolute;
background-color:black;
width: 600px;
height:300px;
margin: 0 auto;
border:solid 2px white;
filter:alpha(opacity=75);
-moz-opacity: .75;
-khtml-opacity: .75;
opacity: .75;
z-index:1;
display: none;
}
#cuerpo{
background: #000 url("../imagenes/fondo_centro.png") no-repeat;
height: 300px;
width: 950px;
margin-top: 150px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
z-index:2;
}
Código HTML :
<div id="fondo"></div> <div id="cuerpo"> </div> <!-- Fin de #cuerpo --> <div id="menu"> <ul id="ulMenu"> <li id="click1">Link1</li> <li id="click2">Link2</li> <li id="click3">Link3</li> <li>Galeria <ul class="submenu"> <li>Video</li> <li>Imagenes</li> </ul> </li> </ul> </div> <!-- fin de #menu-->
lo que hace... es que a la hora de dar click sobre Link1... aparece un cuadroo negroo(div="fondo") sobre cuerpo(div ="cuerpo") .... peroo en IE7 se desacomoda... la posicion de cuerpo...
es decir.... el contenido de cuerpo que es una imagen la sube .. junto con el cuadroo negroo.. no respeta la posicion original....
como lo puedo corregir¿??... graciias de antemanoo por sus respuestas
