title: I have a form with a background how can I center it in the page?
body: <p>I want to center a form with a background to the center of the page, how can I go about doing that? I can't seem to find a way to properly place it in the middle of the screen with the form elements.</p>
  
  <pre><code>&lt;div id="content" style="background-color: #e7e7e7;text-align: center; width:100%; height: 1000px; top: 360px; left:0px; padding-top: 100px; position: absolute; overflow: hidden;"&gt;
  &lt;form id="contact-form" action="contact.php" method="post" style="padding-top: 100px; list-style-type: none; text-align: center; width: 916px; height:660px;  background-image:url('../images/contact.png'); background-repeat: no-repeat;"&gt;
      &lt;input type="hidden" name="redirect" value="/sent" /&gt;
      &lt;ul&gt;
          &lt;li&gt;
              &lt;input type="text" name="name" class="name" value="" /&gt; 
          &lt;/li&gt;
  
          &lt;li&gt;
           &lt;input type="text" name="company" class="company" value="" /&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>