title: IE7 - with long strings, pre tag width and table width ignored
body: <p>The pre tags in IE 7 do wrap the text but the table width will remain wider and scrollbar appears, as if the text is taking full space. This problem doesn't come in Firefox and Chrome. Can anyone help me out defining proper style for IE 7 for pre tags.</p>
  
  <pre><code>&lt;html&gt;
   &lt;style type="text/css"&gt;
  &lt;!--
  
  pre {
   overflow:wrap;
  width: 600px;
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;      /* Opera 4-6 */
   white-space: -o-pre-wrap;    /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
   display: block;
  }
  --&gt;
  &lt;/style&gt;
  &lt;body&gt;
  &lt;table width="70%" border="1"&gt;
   &lt;tr&gt; &lt;td width="100%"&gt;
  &lt;pre&gt; sdhgf jdhgfjd gfjs dfsjhdgfjs dgfjsdgfjsdhgfjsgdjf sdjfhgsj  hkdjhfs kdhf kshf kshd dfgjshdgfjhsgdfjshgdjfhg sjdhgfjsdhgfjs hdgfjhsgd dbfbdmfsmd bfmsdnbf mdsnbfffffffff  ffffffff  ffffffffmdbmfsbf  wehjgggggggggggggggggggg&lt;/pte&gt;
  &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks
  Smitha</p>