title: CSS form position on screen when maximizing-minimizing window
body: <p>Some help with CSS please!
  I was using CSS to make my register form looks nice, but then I find out that my form was not moved right or left with the other page elements such as my background image when I was maximizing or minimizing the window of the explorer (my page was aligned to center of explorer window). So i.e when my window size maximized my background image was changed, but the form remains in the first position. Any ideas how to fix this?
  My HTMLcode is:</p>
  
  <pre><code>&lt;div "class="homepageTable"&gt;
  &lt;form action="#" method="post"&gt;
    &lt;input type="text" size="25" name="first_name" placeholder="first name"&gt;&lt;br/&gt;
    &lt;input type="text" size="25" name="last_name" placeholder="last name"&gt;&lt;br/&gt;
    &lt;input type="text" size="25" name="email" placeholder="email"&gt;&lt;br/&gt;
    &lt;input type="text" size="25" name="retype_email" placeholder="re-type email"&gt;&lt;br/&gt;
    &lt;input type="text" size="25" name="password" placeholder="password"&gt;&lt;br/&gt;
    &lt;input type="text" size="25" name="retype_password2" placeholder="re-type password"&gt;&lt;br/&gt;
    &lt;input type="submit" name="submit" value="sing up!"&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any ideas what the CSS should be in order to have this form moved together with the other page elements when the window minimized or maximized?</p>