title: 2 columns div for ie8 and ie7
body: <p>i want a row with 2 cells, the row and the 2 cellsmust be in percent.
  i had tried to do it like this:</p>
  
  <pre><code>#container
  {    
      width: 100%;
      display:inline-table;   
  } 
  #sidebar1 
  {
      float: left; 
      width: 30%;
  }
  
  #mainContent  
  {
      float: left; 
      width: 70%;
  }  
  
  
  
  &lt;div id="container"&gt;
    &lt;div id="sidebar1"&gt;
               &lt;telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" EnableCreateNewFolder="False"
                  EnableOpenFile="False" Skin="WebBlue" Width="" ExplorerMode="FileTree" TreePaneWidth=""&gt;
                  &lt;Configuration SearchPatterns="*.*" ViewPaths="/" /&gt;
              &lt;/telerik:RadFileExplorer&gt;
    &lt;/div&gt;
    &lt;div id="mainContent"&gt;  
              &lt;telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None" Skin="WebBlue" /&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but it doesnt display correctl, when i resize, the right columns go down the first column.</p>