title: Responsive Design Issue At the 320px and 480px Viewport Sizes
body: <p>I am having a difficult time figuring out why a div is being pushed down and out of another div. </p>
  
  <p>If you go to the following link</p>
  
  <p><a href="http://www.chrismazzochi.com/index.php?subject=6" rel="nofollow">http://www.chrismazzochi.com/index.php?subject=6</a></p>
  
  <p>This page contains a contact form, and if you scale down to the 480px landscape or 320px portrait size viewport dimension, or view this site on an iPhone, you will see that there is a bit of a gap between the label and the input.  If you use Firebug you will be able to see that the label and input in question is .styled_label and .styled_input respectively.  </p>
  
  <p>First I have used negative top margins to align the inputs because they were being pushed down and out of the .form_fields container.  I don't want to do this.  And I also can't get these input fields to budge over to the left. </p>
  
  <p>Can anyone help?
  I'd appreciate it. 
  Thanks,
  Chris </p>