title: Unable to set textarea width with CSS
body: <p>I have attempted to use this CSS to set the width of my form elements:</p>
  
  <pre><code>input[type="text"], textarea { width:250px; }
  </code></pre>
  
  <p>If you look at this Firefox screenshot you'll see that the fields are not the same width. I get a similar effect in Safari.</p>
  
  <p><a href="http://screamingv.com/ss.png">alt text http://screamingv.com/ss.png</a></p>
  
  <p>Are there any workarounds?</p>
  
  <p>UPDATE: Thanks for the info so far. I've now made sure padding/margin/border on both elements are set the same. I was still having the problem. The original CSS I posted was simplified... I was also setting the height of the textarea to 200px. When I remove the height styling, the widths match. Weird. That makes no sense.</p>
  
  <p>Browser bug?</p>