Div wider than browser without browser scrolling
问题 I'm working on a layout where the main content div will have a with of 970px. Behind this div, I want a div with dimensions 1200x600px (it will contain a flash object) positioned like so: width:1200px; height:600px; position:absolute; left:50%; margin-left:-600px; The problem is when the browser is sized to a width smaller than 1200px it get the horizontal scroll bar. I can fix that by: body {overflow-x:hidden;} But I DO want it to have the horizontal scroll bar when it get sized to less than