title: How to keep my objects from moving on when resizing window?
body: <p>I am working in CSS and HTML... everything looks fine but when i rezise window, the textboxes and button move out of position. I want everything to stay in place when the window is resized.. help.. i tried using a wrapper like suggested in other places i've looked but i think im either doing it wrong or it doesnt work.</p>
  
  <p>Here is the site so you can get a better grip on what im talking about... <a href="http://www.difgropliego.comze.com/diflogin.html" rel="nofollow">http://www.difgropliego.comze.com/diflogin.html</a></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;style&gt;
      #wrapper {
          width: 800px; 
          margin:0 auto;
      }
  
      body {
          background-color:black;
          background-image:url(diflogin.png);
          background-repeat:no-repeat;
          background-position:center top; 
          margin:0 10% 0 10%;
          padding:0 0 0 0;
          border:0 0 0 0;
      }
  
      #user {
          position:absolute;
          left: 306px;
          top: 455px;
      }
  
      #contra {
          position: absolute;
          left: 904px;
          top: 455px;
      }
  
      #web-buttons-idgi5a2 {
          position: absolute;
          left: 1023px;
          top: 601px;
      }
  
      #web-buttons-idgi5a2 a {
          display:block;
      }
  
      #web-buttons-idgi5a2 a:hover {
          background-position:left bottom;
      }
  
      a #web-buttons-idgi5a2a {
          display:none
      }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="wrapper"&gt;
          &lt;label for="user"&gt;&lt;/label&gt;
          &lt;input type="text" name="user" id="user" /&gt;
          &lt;label for="contra"&gt;&lt;/label&gt;
          &lt;input type="text" name="contra" id="contra" /&gt;
  
          &lt;table id="web-buttons-idgi5a2" width=0 cellpadding=0 cellspacing=0 border=0&gt;
              &lt;tr&gt;
                  &lt;td style="padding-right:0px" title ="INGRESAR"&gt;
                      &lt;a href="#" title="INGRESAR" style="background-image:url(buttoning.png);width:160px;height:61px;display:block;"&gt;&lt;br/&gt;&lt;/a&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>