title: CSS Overflow issue in IE
body: <p>I having problem to make the overflow hidden if the width is over the line
  anyone know how to do it?</p>
  
  <p>It does not work for IE at all.</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  body{
      font-family:Calibri;
      font-size:12pt;
  }
  table.excel {
      border-collapse:collapse;    
      color:#000000;
      font-weight:400;
      font-style:inherit;
      text-align:left;
      vertical-align:bottom;
      border:1px solid #C0C0C0;
  }
  
  .datacell {
      border: 1px solid #C0C0C0;
  }
  &lt;/style&gt;
  
  &lt;table class="excel" width="194px"&gt;
      &lt;tr&gt;
          &lt;td style="width:30px;"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td style="width:64px;"&gt;A&lt;/td&gt;
          &lt;td style="width:100px;"&gt;B&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style="height:50px;"&gt;1&lt;/td&gt;
          &lt;td class="datacell" style="max-width:64px;"&gt;
              &lt;div style="float:left;min-width:160px;white-space: nowrap; overflow: hidden; position:relative;background-color:#FFFFFF;"&gt;I like to eat McDonalds double&lt;br&gt;cheese burger, i am lovin it!&lt;/div&gt;
          &lt;/td&gt;        
          &lt;td class="datacell"&gt;aa&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>