title: How to force table cell <td> content to wrap?
body: <p>Heres the entire page
  * wrappable is defined in a main.css file</p>
  
  <pre><code>/* Wrappable cell
  * Add this class to make sure the text in a cell will wrap.
  * By default, data_table tds do not wrap.
  */
  td.wrappable,
  table.data_table td.wrappable {
      white-space: normal;
  }                
  </code></pre>
  
  <p>Heres the entire page:</p>
  
  <pre><code>&lt;%@ include file="../../include/pre-header.html" %&gt;
  &lt;form id="commentForm" name="commentForm" action="" method="post"&gt;
  
  
  
      &lt;ctl:vertScroll height="300" headerStyleClass="data_table_scroll" bodyStyleClass="data_table_scroll" enabled="${user.scrollTables}"&gt;
          &lt;ctl:sortableTblHdrSetup topTotal="false" href="show.whatif_edit_entry?   entryId=${entry.entryId}" /&gt;
          &lt;table class="data_table vert_scroll_table"&gt;
  
  
  
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;ctl:sortableTblHdr styleClass="center" title="Comments" property="comment" type="top"&gt;Comments&lt;/ctl:sortableTblHdr&gt;
              &lt;/tr&gt;
  
  
              &lt;c:forEach var="comments" items="${entry.comments}"&gt;
  
  
                  &lt;tr id="id${comments.id}"&gt;
                      &lt;td id="comments-${comments.id}" class="wrappable" style="width:400px;"&gt;${comments.comment}&lt;/td&gt;
                  &lt;/tr&gt;
  
  
  
              &lt;/c:forEach&gt;
              &lt;c:if test="${lock.locked || form.entryId &lt; 0 }"&gt;
                  &lt;%-- This is the row for adding a new comment. --%&gt;
                      &lt;tr id="commentRow"&gt;
                          &lt;td&gt;&lt;input type="text" id="comment" name="comment" size="50" maxlength="250" onkeypress="javascript:return noenter();" /&gt;
                              &lt;a href="javascript:addComment();"&gt;&lt;img src="../images/icon_add.gif" border="0" alt="Add"/&gt;&lt;/a&gt;
                          &lt;/td&gt;
  
                      &lt;/tr&gt;
              &lt;/c:if&gt;
  
          &lt;/table&gt;
  
      &lt;/ctl:vertScroll&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>It just stretches every time I submit.<br>
  This page is within a div also. Do I need to set the width of the div and the table also?</p>