Как убрать скрол, когда блок уходит за границу?

Question

[byms]

Вообще нужно, чтобы фон из одного контейнера налазил на другой, и с правой части выходил за контейнер, сделал div с position: absolute. Теперь когда этот блок заходит за экран, появляется скрол, а нужно чтобы когда сам контейнер заходил за экран появлялся скрол, как можно решить? Может есть другие способы с фоном.

<div class="info">
	<div class="container">
		<div class="img"></div>
		<div class="container-inner">
			<div class="row-fluid">
				<div class="span8">
					<h4 class="title">Заголовок</h4>
					<p class="text">
						текст
					</p>
					<p class="text2">
						текст
					</p>
				</div>
			</div>
		</div>
	</div>
</div>

.info {
padding-top: 20px;
}
.info .container {
position: relative;
}
.info .container .img {
overflow: hidden;
position: absolute;
top: -20px;
right: -260px;
background: url("/images/food/2.png") no-repeat;
height: 639px;
width: 676px;
}
.info .text {
font-family:'Lunchbox_Light'!important;
font-size: 40px;
line-height: 1;
color: #fff;
margin: 40px 0 40px;
}

Answer 1

[byms]

Обернул все в

#page {
	width: 100%;
	overflow: hidden;
}

Answer 2

[lfoma]

По вопросу непонятно какой контейнер куда должен выходить - приведите названия.
За скрол отвечает css параметр overflow.
Попробуйте указать overflow:hidden;

У родительского элемента .info укажите overflow:visible;

Comments

[byms]

по аналогичный див, в нем также присутствует контейнер, у меня div с классом img вылазиет из div с классом info, на контейнер, и с право вылазит за пределы контейнера. Если у body указать не будет скрола вообще, а если у контейнера, он мне отрежет 260px от картинки.

[lfoma]

byms: тогда у .info укажите overflow:visible;

[byms]

пробовал, не помогает, контейнеру тоже задавал такой параметр

[lfoma]

Можете ли вы скинуть ссылку на страницу, где это делаете?