Streuner

ап

Есть внешний контейнер, в котором расположены кнопки и текстовые поля регистрационной формы. Также контейнер содержит ряд скрытых дивов, которые перестают быть таковыми в случае некорректно введенных данных (javascript-проверка). В FF, Opera, Webkit внешний див корректно растягивается, а вот в IE6-9 не хочет, и внутрение дивы вылезают за границу. Вот так: .tbl { width:100%;background-color:#f3f3f3;display:table; margin:10px auto;padding:15px 0px;border:1px solid #d4d0c8; } .string{display:table-row;width:100%;font:13px Tahoma;color:black;} #login_error, #pass_error, #mail_error{display:none;width:100%;font:11px Tahoma;text-align:center;color:red;} <form method="post" action="/register/"> <div id="maindiv"> <div class="tbl"> <div class="string"> <div class="left_string">Логин:</div> <div class="right_string"><input type="text" class="main" maxlength="20" name="user[login]" id="login" value="" onkeyup="CheckLogin();" /></div> </div> <div id="login_error"></div> <div class="string"> <div class="left_string">Пароль:</div> <div class="right_string"><input type="password" class="main" maxlength="20" name="user[password1]" id="pass1" value="" onkeyup="CheckPasswords();" /></div> </div> <div class="string"> <div class="left_string">Подтверждение пароля:</div> <div class="right_string"><input type="password" class="main" maxlength="20" name="user[password2]" id="pass2" value="" onkeyup="CheckPasswords();" /></div> </div> <div id="pass_error"></div> <div class="string"> <div class="left_string">Email:</div> <div class="right_string"><input type="text" class="main" maxlength="50" name="user[email]" id="mail" value="" onkeyup="CheckMail();"/></div> </div> <div id="mail_error"></div> <div class="string"> <div class="left_string"></div> <div class="right_string"><input type="reset" class="btn" value="Очистить"/><input type="submit" class="btn" value="Сохранить"/></div> </div> </div> </div> </form> Помогите, пожалуйста, разобраться.