Div的高度大于一定数值后，IE8自动调整其高度为一固定值,该怎么解决_跨浏览器开发

Div的高度大于一定数值后，IE8自动调整其高度为一固定值

HTML code

<div style="height: 200px; width: 100%; overflow: auto; position: relative;" id="div1">    <div style="height: 2000000px; width: 1000px;" id="hugeDiv">    </div>    XXXXXXXXXX</div>

高度被设置为2000000px,在IE8中查看的时候始终是：height: 1342177.27px;
被变成了：<div id="hugeDiv" style="width: 1000px; height: 1342177.27px;"/>
FF和chrome都没这个问题
大家能解释下这是为什么不？该怎么处理？

------解决方案--------------------------------------------------------

HTML code

<!DOCTYPE HTML><html lang=""><head>    <meta charset="gbk">    <title></title></head><body>    <div style="height: 200px; width: 100%; overflow: auto; position: relative;" id="div1">        <div style="height: 2000000px; width: 1000px;" id="hugeDiv"></div>        XXXXXXXXXX    </div>    <script type="text/javascript">        alert( document.getElementById('hugeDiv').offsetHeight )    </script></body></html>