title: IE7 pushes down content past float
body: <p>I have a layout with a left vertical nav and a main content area.  The main content area has some info floated right, and its contents may be wider than the browser window.  This works how I want with Firefox/Chrome/IE8, but with IE7, the wide content gets pushed down below the nav menu.</p>
  
  <p>Problem demonstrated here: <a href="http://jsfiddle.net/UX2ac/" rel="nofollow noreferrer">http://jsfiddle.net/UX2ac/</a></p>
  
  <p>With the test page</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style type="text/css"&gt;
  .nav {
     float: left;
     width: 5em;
     background: lightgreen;
  }
  .content {
     background: lightyellow;
     margin-left: 5em;
  }
  .extraInfo {
     background: lightblue;
     float: right;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
     &lt;div class="nav"&gt;
        left&lt;br/&gt;
        nav&lt;br/&gt;
        menu&lt;br/&gt;
        items
     &lt;/div&gt;
     &lt;div class="content"&gt;
        &lt;div class="extraInfo"&gt;
           Right info!
        &lt;/div&gt;
        &lt;p&gt;Page Desc&lt;/p&gt;
        &lt;!-- &lt;h3&gt;Content&lt;/h3&gt; --&gt;
        &lt;div style="white-space: nowrap"&gt;
           stuff stuff stuff stuff stuff stuff stuff stuff stuff 
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This renders correctly in IE8 as:<br/>
  <img src="https://i.stack.imgur.com/SVxsP.jpg" alt="enter image description here"></p>
  
  <p>But in IE7, it shows as:<br/>
  <img src="https://i.stack.imgur.com/tWM2Y.jpg" alt="IE7 broken"></p>
  
  <p>I know that I could get "side by side" divs to work with <code>display: inline-block</code> and <code>white-space: nowrap</code> in a parent, but then the content div's width would expand to include the full size of its content, pushing the right extraInfo div off the screen.  Same thing if I replaced nav  &amp; content with a 2-cell table.</p>
  
  <p>How I can get IE7 to render this the same as everything else?</p>