title: DIV is centered in Desktop browsers, not on iPhone - why?
body: <p>Hi: I'm working on a very simple page hosting an AWeber signup form, intending it to be viewed on mobile devices. It's here: </p>
  
  <p><a href="http://radionowheremusic.com/phase2.html" rel="nofollow">http://radionowheremusic.com/phase2.html</a></p>
  
  <p>On my MacBook, the div containing the form is centered in the page; when viewed in either Chrome or Safari on an iPhone 5, though, it's skewed off to the right. </p>
  
  <p>I've tried all sorts of positioning and centering CSS tricks, but none of them have worked. In fact, nearly all of a varied set of approaches have had no effect, leading me to believe there's something downstream in the code that I don't see/can't understand. Probably something very simple. Any input would be great - thanks! </p>