title: ie7 weird float right problem
body: <p>here is the html code that is giving me problem in IE7</p>
  
  <pre><code>&lt;div style="position:absolute;top:276px;left:194px;" class="drag layer_3"&gt;
  &lt;img class="deleteitem" height="12px" width="12px" title="Remove" src="/static/redclose.png" style="float:right;cursor:pointer;"&gt;
  &lt;img src="/static/18.png"  &gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>this is how it is supposed to look, and it looks fine in ie8, firefox</p>
  
  <p><a href="http://img200.imageshack.us/img200/189/ie8.png" rel="nofollow noreferrer">http://img200.imageshack.us/img200/189/ie8.png</a></p>
  
  <p>but in IE7, the float right image jumps to the right end of the document like this</p>
  
  <p><a href="http://img33.imageshack.us/img33/6239/ie7bug.png" rel="nofollow noreferrer">http://img33.imageshack.us/img33/6239/ie7bug.png</a></p>
  
  <p>how do i fix this? i tried removing the height width attributes and use max-height,max-width. that did not help.
  thanks a lot</p>