IE浮动修复在css

<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显示在图像下方。宽度没有问题，因为我已经测试了更多的宽度。我尝试了一切，但无法弄清楚如何解决这个错误。IE浮动修复在css

来源

2010-11-24 Scorpion King

什么版本的IE？我使用的是IE 7，它看起来是正确的... – Schenz 2010-11-24 19:35:46

另外，你使用正确的`DOCTYPE`并在IE6中测试？如果没有，在页面的开始处添加`<！DOCTYPE html>`，并将`display：inline`添加到您使用`float：left | right`的任何规则中。 – 2010-11-24 19:51:05