title: Readonly textarea and IE9 Scrollbars
body: <p>I'm having troubles with textareas readonly attribute. I'm using JQuery to set the attribute, like this :</p>
  
  <pre><code>$("#mytextarea").prop("readonly", true);
  </code></pre>
  
  <p>The CSS :</p>
  
  <pre><code>textarea { width: 400px; height: 400px; }
  textarea[readonly] { overflow: auto; }
  </code></pre>
  
  <p>The HTML :</p>
  
  <pre><code>&lt;textarea id="mytextarea"&gt;Lorem ipsum [...] ament.&lt;/textarea&gt;
  </code></pre>
  
  <p>In Internet Explorer 9, the scrollbars are not showned so users can't read the overflow content. The behavior with all others majors browsers is correct : the field is not editable but users can freely scroll inside it.</p>
  
  <p>How to fix this?</p>