title: How to Remove Resize handles and border of div with contentEditable and size style
body: <p>The problem I'm having is with the contentEditable attribute in IE. 
  The problem is that I'm getting resize handles, and a thick border around  elements when they're in focus. The styles for with, height and display are needed.
  Any idea of how to remove them? CSS or Javascript</p>
  
  <p>A simple example:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div contentEditable="true" style="width: 50%; height: 50%; display: table" &gt;
  &lt;div contentEditable="true" style="width: 50%; height: 50%; display: table-cell"&gt;
  &lt;p&gt;aaa&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>