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