Премахване на хоризонтален скрол ?

[confiscate]

Здравейте ,
Искам да премахна появяващия се на резолюция 1024 x 768px хоризонтален скрол. Имам следния код: Един главен див ( container) и в него сложени 3 други дива (2 отляво на него и един отдясно) , които с абсолютно позициониране съм изнесъл извън него. Проблемът е ,че когато намаля резолюцията се вижда главния див , но се появява и скорл , с който мога да стигна до края на дива разположен надясно. Искам това да го няма. Тоест при по-малки резолюции просто да се вижда само главният див без тези острани на него. Ето и малко код:

<div id="container">
        <div id="federer"></div>
        <div id="nole"></div>
        <div id="nadal"></div>
</div>

[css]html,body { background: url(../img/background1.jpg) no-repeat; background-size:cover;
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
line-height:1.5em;
text-align:left;
margin:0 auto;
padding:0;
min-width:1000px;
}[/css]

[css]#container {width:1000px; height:100%; margin:0 auto; overflow:hidden; background-color:#fff; position:relative; z-index:10; }
#federer {width:338px; height:731px; background:url(../img/rodger.png) no-repeat; position:absolute; z-index:-1; left:-150px;}
#nole {width:304px; height:532px; background:url(../img/djokovich.png) no-repeat; position:absolute; z-index:-1; left:-170px; top:850px;}
#nadal {width:479px; height:647px; background:url(../img/nadal.png) no-repeat; position:absolute; z-index:-1; left:700px; top:300px;}[/css]

 

[IvanAdamov]

#container: width:980px;

 

[joTunkiq]

Слагаш това там където искаш окончателно да премахнеш скрола ...

[css]overflow-x: none;[/css]

или:
премахва и 2та скрола (скрива ги)
[css]overflow: hidden;[/css]

:?: :?:

 

[IvanAdamov]

Слагаш това там където искаш окончателно да премахнеш скрола ...

[css]overflow-x: none;[/css]

или:
премахва и 2та скрола (скрива ги)
[css]overflow: hidden;[/css]

:?: :?:

Този вариант не е много отдачен в този случай.
Като цяло няма кой знае колко информация че да не намали размера на сайта.