Just to clarify the problem (since I didn't explain it at all before); My main div (where all content is displayed) resides in a container div, since it overflows to the left and right (with a javascript horisontal scrollbar). In IE6, FF1 etc. the container div hides the overflow of the main div. In IE7 it doesn't...
IE6, FF (borders of container div is | and main content is x):
|xxxxxx|
IE7:
xxx|xxxxxx|xxxxxxxxx
The structure of the html file is
<div id="hold">
<div id="wn">
<div id="lyr1" class="content">
<div class="main_div2" id="t1" ....
...and the css for these are:
div#hold {
position:absolute;
top:160px;
left:62px;
width:870px; height:360px; z-index:100;
}
div#wn {
position:absolute;
left:0px; top:0px;
width:900px; height:360px;
clip:rect(0px, 870px, 360px, 0px);
border:1px solid #999999;
z-index:360;
}
div#lyr1 {
position:absolute; visibility:hidden;
left:0px; top:0px;
z-index:1;
}
.main_div2 {
position:absolute !important;
top:0px;
left:0px;
width:868px;
overflow:hidden;
background-color: #FFFFFF;
height:358px;
}