HTML/CSS overflow how make it? [closed]

[rsgvb]

Here is HTML: \[code\]<div id="crt"> <div id="center"> <div id="main_juosta"> <div id="map2"> </div> </div></div>\[/code\]CSS:\[code\]#crt { width: 100%; height: 159px;}#center { height: auto; margin: 0px auto; width: 940px; max-width: 100%; overflow: hidden; border: 1px #000 solid; }#main_juosta { width: 100%; minheight: 126px; background-color: #FFFFFF; border-bottom: 1px #dddddd solid; overflow: visible;}#map2 { background-image:url(images/map2.png); width: 319px; height: 126px; margin: 0px auto;}\[/code\]The problem is that i wanna put bigger div on smaller div. On 'center' div i wanna put 'main_juosta' div which has to be with bigger width. What solution could be?I want that main_juosta drags on all over the screen from one corner to other corner. ;D. But center div which has to be outer from main_juosta div would be stable with 940px width and height auto...