Есть такой пример:

Код:
<html>

<head>
<style>
body {
****margin: 0px;
}
#main {
****background: #c0c0c0;
****height: 100%;
}
#temp {
****height: 50px;
****width: 2000px;
****background: gray;
}
</style>
</head>

<body>
<div id="main"><div id="temp"></div></div>
</body>
</html>
Вопрос: почему ширина #main остается равной ширине окна, а не "растягивается", становясь равной ширине дочернего #temp? И каким образом заставить #main увеличить ширину, даже если его контент шире окна?

Спасибо.

P.S. В IE #main растягивается согласно контенту. Кстати, почему?