Сместить элемент за видимую часть окна броузера без гор. скролбара

Mnilionic · 29.05.2009, 01:41

Есть блок заданной ширины. Есть второй блок, который сбоку "вылезает" из первого.
Необходимо сделать так чтоб при раскрытии окна броузера второй блок был виден, а при ументшении усекался без вызова горизонтального скролл бара.

Задача решилась следующим кодом, НО не могу справиться с IE6:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title></title>

<style type="text/css">
.box{ width:800px; height: 500px; margin:0 auto; background: silver; }
.wrap-box{ position:relative;
	overflow:hidden; min-width: 800px; border:1px solid red;
}
.red{ width: 200px; height: 200px; background:red; position:absolute; margin:0 0 0 700px;}
</style>

<!--[if lte IE 6]>
<style>
	.box{position:relative;}
</style>
<![endif]-->
</head>
<body>
<div class="wrap-box">
	<div class="box">
		<div class="red"></div>
	</div>
</div>
</body>
</html>