title: IE7 contentEditable word wrapping
body: <p>I have the following code:</p>
  
  <pre><code>&lt;html&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;style type="text/css"&gt;
  
  DIV { display:inline; border: solid red 1px; }
  
  .editable { background:yellow; }
  
  &lt;/style&gt;
  </code></pre>
  
  <p></p>
  
  <p></p>
  
  <pre><code>&lt;div class="editable" contentEditable="true"&gt; This is test text. This is test text.This is test text.This is test text.This is test text.Thihis is test text.This is test text.&lt;/div&gt;
  
  &lt;div class="editable" contentEditable="true"&gt; short &lt;/div&gt;
  
  &lt;div class="editable" contentEditable="true"&gt; This is test text.This is test text.This is test text.his is test text.Thihis is test text.Thihis is test text.Thihis is test text.Thi &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p></p>
  
  <p>And I need IE7 (IE6 not needed and FF3.x works fine) to wrap the text correctly, which it does if I remove the contentEditable="true" from the divs. Just try this code with and without contentEditable and you'll see what I mean. Make the browser window small enough so you see how the text wraps.</p>
  
  <p>Thanks.</p>