Не срабатывает scrollTo

[shtopor]

Здравствуйте, подскажите пожалуйста, у меня есть html код:

<style>
.main{
width: 900px;		
}
.content{
overflow: hidden;
width: 9100px;
}
.content div {
width: 900px;
float: left;
position: relative;
}
</style>
<div class="main" >
     <div class="content" >
             <div>Text 1<div>
             <div>Text 2<div>
             <div>Text 3<div>
             <div>Text 4<div>
     </div>
</div>

function qwe(i, id)
		{
			i+=15;
			scrollTo(i,0);
			if(i == (900*id))
				return 0;
				
			setTimeout(qwe, 1, i, id);
		}

Соответственно все очень хорошо работает и переключается, но я хочу убрать скролл который создает main, и когда я пишу в него overflow: hidden; все перестает работать, и не выдает ошибок

[danik.js]

Так и должно быть. Используй document.querySelector('.main').scrollTop = 200px;

Кстати передачу параметров в setTimeout старые IE не поддерживают. Как и querySelector (IE8 поддерживает)

[shtopor]

В google chrome не работает (даже без overflow: hidden

[shtopor]

Решил проблему))) Если кому поможет, я просто указал overflow: hidden; для body и все)))

[shtopor]

Но появилась другая проблема когда я указывал overflow: hidden; для main, блок обрезался по ширине, а когда я указал overflow: hidden; для body ничего не обрезается(

[danik.js]

когда я указал overflow: hidden; для body ничего не обрезается

Тоесть, у body с overflow:hidden появились скроллбары??? Никогда с таким не сталкивался...

[shtopor]

Вообщем решил что самое постое это двигать все это через left, к тому же его поддерживают все браузеры.