Имеется разметка
Код:
<html>
 * * <head>
 * * * * *<title>Страничка</title>
 * * * * *<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251"/>
 * * * * *<link rel=&#39;stylesheet&#39; href=&#39;css/style_box__.css&#39; type=&#39;text/css&#39;/>
 * * </head>
 * * <body>
 * * * * *<div id="container">
 * * * * * * * <div id="main">
 * * * * * * * * * *<div class="box">
 * * * * * * * * * * * * 
 * * * * * * * * * * * * 
 * * * * * * * * * * * * 
 * * * * * * * * * * * * 
 * * * * * * * * * * * * 
 * * * * * * * * * * * * <div class="content">
 * * * * * * * * * * * * * * *
 * * * * * * * * * * * * * * *
 * * * * * * * * * * * * * * *
 * * * * * * * * * * * * * * *
 * * * * * * * * * * * * * * *Если вам когда-нибудь приходилось делать в квартире
 * * * * * * * * * * * * * * *ремонт, вы, наверное, обращали внимание на старые газеты, 
 * * * * * * * * * * * * * * *наклеенные под обоями. Как правило, пока все газеты не
 * * * * * * * * * * * * * * *перечитаешь, ничего другого делать не можешь.
 * * * * * * * * * * * * * * *Интересно же — обрывки текста, чья-то жизнь… Так и с
 * * * * * * * * * * * * * * *рыбой. Пока заказчик не прочтет всё, он не успокоится.
 * * * * * * * * * * * * </div>
 * * * * * * * * * *</div>
 * * * * * * * </div>
 * * * * *</div>
 * * </body>
</html>
и CSS
Код:
div.box {
 * * position: relative;
 * * float: left;
 * * margin: 10px 10px 0px 0px;
 * * border: 1px solid #a8aeb8;
 * * background: #edeeef;
 * * padding: 30px 10px 10px 10px;
 * * width: 640px;
}
div#main > div.box {width: auto;}

div.box div.componentheading {
 * * position: absolute;
 * * height: 36px;
 * * width: 100%;
 * * top: 0px;
 * * left: 0px;
 * * color: white;
 * * text-indent: 30px;
 * * background-color: #819ac9;
 * * font: bold 14px/36px Tahoma, Verdana, Geneva, sans-serif;
}
div.box > div.componentheading {background-color: #8ba3cf;}

div.box div.content {
 * * position: relative;
 * * border: 1px solid #a8aeb8;
 * * background-color: white;
 * * float: left;
 * * padding: 10px 15px 10px 15px;
 * * margin: 10px 0px 0px 0px;
 * * width: 100%;
 * * font: 11px/16px Tahoma, Verdana, Geneva, sans-serif;
}

div.corner {
 * * position: absolute;
 * * width: 15px;
 * * height: 37px;
}
div.tl {top: -1px; left: -1px;}
div.tr {top: -1px; right: -1px;}
div.bl {bottom: -1px; left: -1px;}
div.br {bottom: -1px; right: -1px;}

div.box div.tl {background: url(&#39;../images/tlcorner.png&#39;) no-repeat top left;}
div.box div.tr {background: url(&#39;../images/trcorner.png&#39;) no-repeat top right;}
div.box div.bl {background: url(&#39;../images/blcorner.png&#39;) no-repeat bottom left;}
div.box div.br {background: url(&#39;../images/brcorner.png&#39;) no-repeat bottom right;}

div.box div.content div.tl {
 * background: url(&#39;../images/ibtlcorner.png&#39;) no-repeat top left;
}

div.box div.content div.tr {
 * background: url(&#39;../images/ibtrcorner.png&#39;) no-repeat top right;
}

div.box div.content div.bl {
 * background: url(&#39;../images/ibblcorner.png&#39;) no-repeat bottom left;
}
 
div.box div.content div.br {
 * background: url(&#39;../images/ibbrcorner.png&#39;) no-repeat bottom right;
}
В результате страничка выглядит по-разному в IE и в FireFox&#39;е c Oper&#39;ой (в IE углы раздела box оказываются там же, где и углы раздела content.). Что я делаю неправильно? Это моя ошибка или ошибка IE? Как ее устранить или обойти?