title: text area in html jumps on focus
body: <p>i have a html tag for text area as below...</p>
  
  <pre><code>&lt;div&gt;
      &lt;span class="l" style="padding-top: 77px"&gt;
          &lt;textarea id="txt7" rows="3" cols="50"&gt;Lorem ipsum&lt;/textarea&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>on focus i am changing border color and border width it worked fine.
  the problem when i do focus on that element text area box jumps on the page (means moves a little bit....)</p>
  
  <p>css:</p>
  
  <pre><code>textarea:focus { .br; border-style: solid; .shdw; }
  </code></pre>
  
  <p>so any work around to this plz.............</p>
  
  <p>how abt using box-shawdow property .....i am not aware of using it ........so do any help there on this............</p>