title: Form styling best practices
body: <p>I've created a nice set of form elements in Photoshop and am looking to convert them into HTML and CSS. The simple input-text form will have a background image, as the field does not change in size. However, the text-area form will dynamically change size as the user types.</p>
  
  <p>Normally, to build out this sort of style, I'd wrap the form field in divs, as such:</p>
  
  <pre><code>&lt;div class = "textarea-top"&gt;
    &lt;div class = "textarea-bottom"&gt;
      &lt;textarea&gt;&lt;/textarea&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Or by using multiple background-images in one wrapping div:</p>
  
  <pre><code>&lt;div class = "textarea"&gt;
    &lt;textarea&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a better way to approach this? To restate, the field styles are advanced images that can be repeated (for the body of the field), and have styling for the top and bottom. The question is, what is the best practice in dealing with these advanced form styling?</p>