Столкнулся с какой-то непонятной проблемой <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> html, body { margin:0px; padding:0px; background:#bbd1e8; position:relative; } body { text-align:center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } #all { text-align:left; margin:0 auto; width:1000px; margin-top:15px; margin-bottom:15px; padding: 3px; background: #fff; border:solid 1px #999999; } #head { display:block; height:285px; background:#000; padding:15px; } #forms { display:block; background:#f00; height:100px; padding:15px; } #empty { display:block; background:#fff; height:3px; padding:0px; } </style> </head> <body> <div id="all"> <!-- Head --> <div id="head"></div> <!-- /Head --> <div id="empty"></div> <!-- Forms --> <div id="forms"></div> <!-- /Forms --> </div> </body> </html> В мозилле и в хроме слой empty отображается как и нужно высотой 3 пикселя А вот в ие почему высотой 7 пикселей, что я с ним ни делаю. Подскажите, как это победить? Заранее спасибо.