title: IE 7 and IE 8 do not render 2 consequent divs with float:left on the same line if there is a table in one of the DIVs
body: <p>IE 7 and IE 8 do not render 2 consequent divs with float:left on the same line if there is a table in one of the DIVs which is 100% width + non-zero margin:</p>
  
  <p><code><pre>
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;IE float left bug&lt;/title&gt;
  &lt;style type=&quot;text/css&quot;&gt;
  .inttable
  {
      width: 100%;
      margin: 9px;
  }
  .multicolumn 
  {
      margin: 0px;
      border: 0px;
      padding: 0px;
      width:100%;
  }
  .column 
  {
      margin: 0px;
      border: 0px;
      padding: 0px;
      float:left;
      display: inline;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class=&quot;multicolumn&quot;&gt;
      &lt;div class=&quot;column&quot; style=&quot;width:50%;&quot;&gt;
          &lt;table class=&quot;inttable&quot;&gt;
              &lt;tr&gt;
                  &lt;td&gt;table1&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
      &lt;div class=&quot;column&quot; style=&quot;width:50%;&quot;&gt;
          column 2
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </pre></code></p>
  
  <p>There is no such problem in FireFox, Opera, Chrome and Safari.</p>
  
  <p>Does anyone know workaround for this IE bug?</p>