title: IE8 issue: div breaks line even though its floated
body: <p>This looks like IE8 issue. I have two divs that are side by side because I float one of them to left. However, if the content inside of right div gets too big for the window, the right div breaks line and goes under left div. How do I make both divs stay on same level, side by side?</p>
  
  <p>Here is the code:</p>
  
  <p>css:</p>
  
  <pre><code>    &lt;style type="text/css"&gt;
      #left_div
      {
          float: left;
          width: 250px;
          height: 400px;
          border: solid 1px red;
      }
      #right_div
      {
          width: 3000px;
          border: solid 1px blue;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>    &lt;div id="left_div"&gt;
          text in left_div
      &lt;/div&gt;
      &lt;div id="right_div"&gt;
          text in right_div
      &lt;/div&gt;
  </code></pre>