Não consigo limitar o conteúdo da div a direita

Olá Pessoal, sou novo no fórum e estou com um problema em um site, já tentei inúmeras maneiras de resolver, busquei em vários lugares na internet mas não consegui achar uma solução.

O site é o : http://www.restauranterecantodoluar.com.br/

Quando vc aumenta a tela e clica com o mouse em cima dela e puxa para a direita, fica um espaço em branco que é por conta do banner, que é maior que o tamanho da tela, mas ela está absolute, com margin negativa. O que poderia estar ocorrendo que ela apresenta este problema?

Quem souber de alguma ajuda, por favor, me avise.

Muito obrigado,

Abraços,

#slides{
width: 1313px;
height: 450px;
overflow: hidden;
margin-right: -54px;
background-color:black;
margin:0 auto;
}
#slidefora{
width: 100%;
height: 450px;
background-color:black;
}
.slides_container

height: 450px;
overflow: hidden;
display: none;
background-color:black;
}

<div id="slidefora">
<div id="slides">
<div class="slides_container">
<div class="slide">
<img src="[http://www.restauranterecantodoluar.com.br/imagens/banner1.jpg](http://www.restauranterecantodoluar.com.br/imagens/banner1.jpg)" alt="Banner" width="1313" height="450" border="0" />
</div>
<div class="slide">
<img src="[http://www.restauranterecantodoluar.com.br/imagens/banner2.jpg](http://www.restauranterecantodoluar.com.br/imagens/banner2.jpg)" alt="Banner" width="1313" height="450" border="0" />
</div>
<div class="slide">
<img src="[http://www.restauranterecantodoluar.com.br/imagens/banner3.jpg](http://www.restauranterecantodoluar.com.br/imagens/banner3.jpg)" alt="Banner" width="1313" height="450" border="0" />
</div>
</div>
</div>
</div>