Hello everyone, i'm having the following problem.
Considering the next portion of stylesheet:
html {
background-color: black;
height: 100%;
overflow: auto;
}
body {
background-color: #606060;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
margin: 0px auto 0px auto;
height: 100%;
width: 720px;
}
..body {
background-color: #fff;
border-bottom: 1px solid black;
border-top: 1px solid black;
height: 140px;
position: absolute;
top: 30px;
width: 720px;
}
When I put bottom position (instead of top) to .body , it's everything
ok, both in Firefox and IE6.
Now when I put top position (like the above example), .body appears
initially at 30px from top but it doesn't 'sticks' to the page. When I
resize the window it behaves like if it's a fixed positioning. This is
happening only in IE6. Firefox shows it perfectly.
I'm using XHTML 1.0 Strict doctype.
HTML below:
<body>
<div class="body">
<div class="content">
<img class="logo" src="logo.jpg" alt="Magnus Films" height="32"
width="192" />
<div class="menu">
<a href="novedades.html">Novedades</a> | <a
id="menuLink1" href="2pesos.html">Videos de $2</a> | <a
id="menuLink2" href="#">Cortometrajes</a> | <a
id="menuLink3" href="mailto:ma****@lki.com.ar">Contacto</a>
</div>
</div>
</div>
</body>
I'd appreciate any help you can give me.
Luis
