<html> <head> <style type="text/css" rel="stylesheet"> * {margin:0;padding:0;} div#box {background-color:green;width:1000px;} /* #box {position:absolute;top:0;right:0;} */ /* #box {position:absolute;top:0;left:0;} */ /* #box {float:right;} */ #box {float:left;} .clearer {clear:both;} </style> </head> <body> <div id="box"> asdafdsf </div> <div class="clearer"></div> </body> </html> Code (markup): browsers will not treat the overflow on the left side correctly when you position things on the right side, whether you do it with absolute positioning.. or floating. so I guess essentially this becomes a problem on how to trick browsers to scroll correctly.. any ideas?