title: Wrap text works in all browsers except IE
body: <p>I have a widget on a page that calls another script for source. Like this:</p>
  
  <pre><code>&lt;!-- Beginning of widget code. --&gt;
  &lt;div id="xyz_widget" &gt;&lt;/div&gt;
  &lt;script id="bootstrap" type="text/javascript" src="&lt;some location&gt;/bootstrap.js?" charset="utf-8"&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>In bootstrap.js exists this iframe code:</p>
  
  <pre><code>&lt;iframe style='background:transparent;overflow:hidden;border:0px;height:100%;width:100%' 
  frameborder='0' border='0' marginwidth='0' marginheight='0' "width='100%' height='100%' 
  allowTransparency='true'
  src='"+buildBaseUrl (pUri)+"/widget/widget.jsp?"+pUri.query+"'&gt;
  &lt;/iframe&gt;
  </code></pre>
  
  <p>My issue is that I am unable to wrap long text inside the frame. So 111111111111111111111111111111111111111111111 busts out of the frame width. I tried word-wrap:break-word but it does not help.</p>
  
  <p>I should also mention that the issue exists only in IE. FF, Chrome, Safari all work ok.</p>
  
  <p>Any help?</p>