Проблема с прокруткой max-height DIV в IE9

Я вижу странное поведение с прокруткой DIV в IE9. Я использую тег max-height CSS на DIV. DIV растет выше, когда я вводим текст в поля ввода, содержащиеся в DIV. Это происходит только тогда, когда поля ввода выходят за пределы правого края страницы.

Чтобы воссоздать, уменьшите браузер, чтобы поля ввода выходили за правый край экрана, а горизонтальные полосы прокрутки отображались на DIV. Затем введите текст в любое из полей ввода. DIV растет с каждым нажатием клавиши.

Я испортил свой CSS или HTML, или это ошибка с IE9?

Спасибо.

<head>
<style type="text/css">
.ScrollTest
{
    max-height: 200px;
    overflow:auto;
}
</style>
</head>
<body>
<div class="ScrollTest">
    <table class="ScrollTest">
        <tr>
            <td><input /></td>
            <td><input /></td>
            <td><input /></td>
            <td><input /></td>
            <td><input /></td>
            <td><input /></td>
            <td><input /></td>
        </tr>
    </table>
</div>
<div>Second DIV</div>  
</body>
</html>

Ответ 1