Собственно, есть такой кусок кода:
Код:
#main {
****height: 20px;
****display: table;
****width: 100%;****
}

#main div{
****display: table-cell;
}

#first {
****width: 300px;
}

#second {
****width: 100px;
}

#third input {
****width: 100%;
}

#fourth {
****width: 70px;
}
Код:
<div id="main">
****<div id="first">FIRST</div>
****<div id="second">SECOND</div>
****<div id="third">
 *<input name="a" />
****</div>
****<div id="fourth">FOURTH</div>
</div>
Но есть одно НО! Все вышеописанное корректно отображается в "нормальных" браузерах - во всех, кроме IE. Смысл сего кода таков, что внутри определенного блока (main, шириной 100%) находится 4 блока, причем у 3 из них фиксированная ширина, у одного - нет (плавающая). Т.е. этот вот самый блок с плавающей шириной должен быть равным по ширине 100% - суммарная ширина блоков с фиксированной шириной. Кроме этого, по всей ширине "плавающего" блока должна быть <input>, причем тоже плавающая. Так вот, в FF, Opera, NN это отображается корректно. В IE - нет. Как заставить IE показать то, что необходимо?

Спасибо.