title: display:table & display:table-cell not working in IE9
body: <p>Salam (means Hello) :)</p>
  
  <p>I'm trying to implement a 3 column layout for my web page using <code>display:table</code> &amp; <code>display:table-cell</code>. It works fine in firefox and chrome, and I know that <a href="http://quirksmode.org/css/css2/display.html" rel="nofollow noreferrer">this feature should be supported in IE 9</a>, but all I achieved so far is no more than this screenshot: </p>
  
  <p><img src="https://i.stack.imgur.com/tNUjz.jpg" alt="enter image description here"></p>
  
  <p>how can I get this to work in IE 8+ ?</p>
  
  <p>here is my complete code:</p>
  
  <p>(<strong><a href="http://jsfiddle.net/Tz38U/" rel="nofollow noreferrer">JS Fiddle</a></strong> available)</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;test&lt;/title&gt;
      &lt;meta http-equiv="Content-Type" Content="text/html;charset=UTF-8"&gt;
      &lt;style type="text/css"&gt;
          *{
              margin: 0;
              padding: 0;
          }
          html,body{
              width:100%;
              margin:0;
              padding:0;
          }
          .container{
              display:table;
              width:100%;
              border-collapse:separate;
          }
          .col{
              display:table-cell;
          }
          .side-1{
              width:200px;
              background: #efefef;
          }
          .side-2{
              width:200px;
              background: #f8f8f8;
          }
          .content{
  
          }
          #header,#footer{
              height:40px;
              background: #e4f3fd;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="header"&gt;header&lt;/div&gt;
  &lt;div class="container"&gt;
      &lt;div class="col side-1"&gt;
          sidebar 1
          &lt;br&gt;.&lt;br&gt;.&lt;br&gt;.
      &lt;/div&gt;
      &lt;div class="col side-2"&gt;
          sidebar 2
          &lt;br&gt;.&lt;br&gt;.&lt;br&gt;.
      &lt;/div&gt;
      &lt;div class="col content"&gt;
          content
          &lt;br&gt;.&lt;br&gt;.&lt;br&gt;.
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="footer"&gt;footer&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>