Баг с плавающим блоком в IE 6,7

[nefarious]

Собственно, проблема.

Сверстал макет. В IE 8 и отличных от IE браузерах (FF, Chrome, Opera) блок с текстом обтекает блок с картинкой.

вот так:

В IE 6/7 же блок с текстом смещается вниз:

ХТМЛ код:

<div id=mainframe> 
	<div id=corner>
	<img class="ugol_right" src="ugol_right_small.gif" alt="" />
</div>	
	<div id=content>
	<p>This is a tool for finding friends in real life. </p>

<!-- бла-бла-бла-->

</div>

CSS код:

* {
margin: 0;
padding: 0;
border: 0;
}
html, body {height: 100%;}
body{
background: #fff;
color: #333;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#container {overflow: auto;
padding-bottom: 50px;
min-height: 100%;
width: 1024px;
min-width:1024px;
margin: 0 150% auto 3%; 
} 

#mainframe 
{float:left; width: 716px;
}
#corner
{float:left; width:80px;
}
#corner_left
{clear:both;
float:right;}
#content
{min-height: 144px;
width: 716px;
border: 1px solid #cbcbcb;
padding: 6% 0 4% 0;
font-family: verdana, arial, sans-serif;}
#content p 
{text-indent: 0%;
font-size: 12px;
padding: 3px 100px 3px 100px;
}

Задать hasLayout тут вроде бы нецелесообразно, так как layout у этих элементов уже есть.

Подскажите, пожалуйста, в чём может быть баг.

Только не предлагайте отключить поддержку IE7)

[Searcher]

Код, конечно, бардачный... Создается впечатление, что куски писались разными людьми.

Ну хотябы не надо обнулять бордеры для всего, будут проблемы с кнопками. Обнулите только для img и table.

id почему не в кавычках? При некоторых доктайпах реакция броузера на это может быть негативной. Ширину не к месту порой указываете.

От блока corner можно избавиться, задав его свойства вложенной картинке. Но это, конечно, если в нем нет еще контента, который вы удалили.

Уберите отсюда width, тогда и в ИЕ будет все ок. Этот блок и так растянется на всю доступную ширину:

#content
{min-height: 144px;
width: 716px;
border: 1px solid #cbcbcb;
padding: 6% 0 4% 0;
font-family: verdana, arial, sans-serif;
}