Overflow hidden or scroll in IE

More ff vs ie

[nolanpro]

Any way to make IE6 look like firefox? Firefox is doing this correctly. Mainly, I don't want the div to go outside the browser window bounds like its doing in IE6.

<style>
.left{
float:left;
width:200px;
height:200px;
border:1px solid #009900;
}
.therest{
overflow:scroll; /* or hidden, ether one */
border:1px solid #0066CC;
margin-left:auto;
}
.bigcontent{
width:3000px;
}
</style>
<div class="left">Leftbox</div>
<div class="therest">
<div class="bigcontent">Very Wide Content</div>
</div>

Thanks!

[edited by: jatar_k at 3:12 am (utc) on May 16, 2008]
[edit reason] no urls thanks [/edit]

[Setek]

You have to explicitly set a width for

.therest

-- otherwise IE will automatically encompass its children and those dimensions.

P.S.: You're not allowed to drop URIs like that :) Check out the Guide to Posting HTML and CSS [webmasterworld.com] post.

[edited by: Setek at 12:57 am (utc) on May 16, 2008]

[nolanpro]

Thanks for the info and sorry about the URI (rtfm error on my part).

Also found a partial fix with display:inline-block