Проблема в том, что в ie ширина блока не тянется до ширины окна после ресайза.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
html,body {
margin:0;
padding:0;
height:100%;
width:100%;
}
#pad {
height:100%;
/* width:expression(document.getElementById('pad').offsetWidth<685?'680px':'auto'); */
/* width:expression(document.getElementById('pad').offsetWidth<685?'680px':'100%'); */
/* width:expression(document.getElementById('pad').offsetWidth<685?'680px':document.documentElement.clientWidth+'px'); */
width:expression(document.getElementById('pad').offsetWidth<685?'680px':'1000px');
border:1px solid red;
}
</style>
</head>
<body>
<div id="pad">xxx</div>
</body>
</html>
Теперь уменьшаем окно ie6 меньше min-width, затем снова его разворачиваем на весь экран и видим, что див не растянулся. Такое наблюдается при auto, 100% и document.documentElement.clientWidth. Если же я вручную ставлю 1000px, то всё работает. Но я не могу заранее знать ширину.