title: IE7 Hack for float/block bug
body: <p>I'm having trouble getting this layout to work in IE7:</p>
  
  <pre><code>&lt;span class="box"&gt;Headline&lt;a href="more"&gt;More...&lt;/a&gt;&lt;/span&gt;
  
  .box {
   display: block;
  }
  
  .box a {
   display: inline;
   float: right;
  }
  </code></pre>
  
  <p>All browsers display it in the right manner;</p>
  
  <pre><code>Headline                            More...
  </code></pre>
  
  <p>But IE7 makes this:</p>
  
  <pre><code>Headline
                                      More...
  </code></pre>
  
  <p>Any ideas on fixing this? I tried setting the a to block, inline-block, anything, didn't work. Also with some often used fixes like box-model etc.</p>