IE поплавок исправить в css

Question

<div id="simg1" style="display: inline">
<img src="images/image.jpg">
</div>
<div id="sbdy"><a href="www.google.com">some text</a></div>

CSS Style:

#simg1 {
background-color: #fff;
    float: left;
    width: 85px;
    height: 80px;
    border-width:5px;

    border-right: solid 2px #fdd61e;
    border-left-top: solid 25px #fdd61e;
    border-left: solid 3px #fdd61e;
    border-top: solid 3px #fdd61e;
    border-bottom: solid 3px #fdd61e;
    border-radius: 15px 0px 0px 15px;
    overflow: hidden;
}
#sbdy {
background-color: #fff;
    position: relative;
    color: #000;
    float: left;
    width: 160px;
    height: 75px;
    padding: 5px 6px 0px 2px;
    border-right: solid 3px #fdd61e;    
    border-top: solid 3px #fdd61e;
    border-bottom: solid 3px #fdd61e;
    border-top-right-radius: 15px 15px;
    border-bottom-right-radius: 15px 15px;  
}

Этот код прекрасно работает в любом браузере, но в IE текстовый div отображается под изображением.С шириной проблем нет, так как я тоже тестировал с большей шириной.Я перепробовал все, но не могу понять, как исправить эту ошибку.

Answer 1

Есть ошибка с двойным плавающим запасом это нейтрализуется с помощью дисплея: встроенный и стандарт DOCTYPE. - Кроф Дракула

Это правильный ответ, данный Крофом Дракулой на мой вопрос. Пришлось выбрать ответ на мой вопрос.

Answer 2

Я бы посоветовал изучить jquery, у них обычно есть плагины для этого.

Я думаю, что в зависимости от вашей версии IE они работают по-разному в каждой версии.Я бы попробовал поиграться с позицией: относительный ;.У меня была та же проблема для IE7 с одним из моих плавающих div и предоставление позиции: абсолютный;сделал трюк.