При ресайзе окна из-зи границы выступает слой.

[smashercosmo]

Господа, вот следующий код:

	<div style="overflow:hidden; width:100%;">
		<div style="width:400%; position:relative; left:-300%;">
			<div style="width:25%; background-color:#FF0000; float:left;"> </div>
			<div style="width:25%; background-color:#00FF00; float:left;"> </div>
			<div style="width:25%; background-color:#0000FF; float:left;"> </div>
			<div style="width:25%; background-color:#FFFF00; float:left;"> </div>
		</div>
	</div>

Пояснение: четыре резиновых слоя равные ширине страницы, находятся в 100%-ом по длине слое с overflow:hidden. В будущем эти слои будут смещаться посредством JavaScript за счет изменения парамметра left. Т.е. это как бы 4 страницы в одной, переход по которым происходит не за счет перезагрузки страниц, а за счет их смещения.

Проблема: в IE при ресайзе окна слои переодически выступают из-за границы окна на 1-2 мм.

Есть ли идеи почему и как исправить?

[Ogalig]

Border и pading обнули у дивов. Как мне кажется проблема в этом.

Edited October 9, 2008 by Ogalig

[smashercosmo]

К сожалению нет, ибо в CSS'е стоит

* {
	  margin:0px;
	  padding:0px;
	  border:none;
	}

Но всё-равно спасибо за попытку.

[Vlad]

Какой доктайп стоит и версия IE?

[klierik]

IE процентные значения при ресайзе округляет иначе остальных браузеров.

вообще странно что блок вылазит за границы окна, так как слой должен просто сваливаться из ряда вниз.

Один из вариантов решения я описал тут: http://forum.htmlbook.ru/index.php?showtopic=10700&hl=

но пока что ищу более совершенный метод...