title: word-wrap does not work in IE
body: <p>Word-wrap as follows: </p>
  
  <pre><code>    /* The Breakage of Too Long Words */
  
  div.break_word {
      width: 690px;
      word-wrap: break-word;
  }
  </code></pre>
  
  <p>does wrap the word for the following table, but it also keeps the table stretched:</p>
  
  <p>I used it in this portion of the table:</p>
  
  <pre><code>        &lt;!--  The Contribution Description --&gt;
          &lt;tr&gt;
              &lt;td colspan="3"&gt;&lt;div class="break_word"&gt;&lt;p&gt;&lt;?php echo $contribution_description; ?&gt;&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;!--  The Separation Line --&gt;
          &lt;tr&gt;
              &lt;td colspan="3"&gt;&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;!--  The Contribution --&gt;
          &lt;tr&gt;
              &lt;td colspan="3"&gt;&lt;pre&gt;&lt;div class="break_word"&gt;&lt;?php echo $contribution; ?&gt;&lt;/div&gt;&lt;/pre&gt;&lt;/td&gt;
          &lt;/tr&gt;
  
  &lt;/table&gt;
  </code></pre>
  
  <p>Does it keep it stretched, because it is overall a table and not a div? Or for which reason does it not stretch back, because the word is indeed wrapped.</p>