title: CSS: IE: white-space: nowrap not working
body: <p>IE not properly responding to <strong>nowrap</strong> CSS attribute.</p>
  
  <p>Question: How do I make this work in IE so that it renders as Chrome's rendering result.</p>
  
  <p><a href="http://jsfiddle.net/subsari/tmz0t0z2/3/" rel="noreferrer">http://jsfiddle.net/subsari/tmz0t0z2/3/</a></p>
  
  <pre><code>&lt;body&gt;
  &lt;table&gt;
      &lt;tr&gt;
          &lt;th&gt;Header 1&lt;/th&gt;
          &lt;th&gt;Header 2&lt;/th&gt;
          &lt;th&gt;Header 3&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="long_string"&gt;Data 1 with long text&lt;/td&gt;
          &lt;td&gt;Data 2&lt;/td&gt;
          &lt;td&gt;Data 3&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>th {
  border: 1px solid red;
  }
  td {
      border: 1px solid black;
  }
  .long_string {
      white-space: normal;
      white-space: nowrap;
      max-width: 100px;
      color: #FFA500;
  }
  </code></pre>
  
  <p>How can I make IE render the table like Chrome does? Cleanest solution?</p>
  
  <p>Thank you for your help ahead of time!</p>