title: Textarea resize vertical in ie
body: <p>How do i resize my textarea vertically in IE?</p>
  
  <p>I did resize: vertical and it works well in Firefox but in IE it doesn't work. So what's the alternative for this?</p>
  
  <p>Also, if I want to print the page, then I need the textarea to extend and print the whole contents in the box. What should I use for this?</p>
  
  <p>edited - </p>
  
  <p>My CSS:</p>
  
  <pre><code>@media screen {
      textarea {
          resize: vertical;
          overflow: auto;
          border: 1px #999999 solid;
          padding: 6px;
          background: #ffffff url('../images/field_bg.png') repeat-x bottom;
          width: 400px;
          height: 100px;
      }
  }
  @media print {
      textarea {
          border: 1px #999999 solid;
          padding: 6px;
          background-color: #ffffff;
          background-image : none;
          width: 400px;
          height: auto;
          overflow: visible;
      }
  }
  .field {
      display: inline;
      vertical-align: top;
      width: 25%;
  }
  </code></pre>
  
  <p>HTML - </p>
  
  <pre><code>&lt;div class="field"&gt;
  &lt;textarea id="xp"&gt;
  some text here
  &lt;/textarea&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>Edited - </p>
  
  <p>I still can't figure out the solution for this. Can anybody help please? </p>