title: IE float fix in css
body: <pre><code>&lt;div id="simg1" style="display: inline"&gt;
  &lt;img src="images/image.jpg"&gt;
  &lt;/div&gt;
  &lt;div id="sbdy"&gt;&lt;a href="www.google.com"&gt;some text&lt;/a&gt;&lt;/div&gt;
  
  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;  
  }
  </code></pre>
  
  <p>This code works fine in every browser, but in IE, the text div is showing up beneath the image. There is no problem with the width since I have tested with more width too. I have tried everything but cannot figure out how to fix this bug.</p>