title: css to position a form on top of an image in a layout table
body: <p>I was trying to place a form over an image that I wanted to have it as a background in my whole homepage. Everything works fine. The only problem is that I want to place table some pixels lets 50 more to down. Also I would like to place table not to the end of right, but lets say 30 pixels before of it. Any ideas ?</p>
  
  <p>This is my html code:</p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
  &lt;link href="css/main.css" rel="stylesheet" type="text/css"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div id="text"&gt;
  
  &lt;div class="homepageTable"     width:40px;   margin-right:auto;   margin-left:auto;   style="text-align:right" &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="retype your 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="retype your password"&gt;&lt;br/&gt;&lt;br/&gt;
  
                      &lt;input type="checkbox" name="I_accept_terms" value=" "&gt;&lt;br/&gt;
  
                  &lt;input type="submit" value="" name="submit" style="background:url('img/login_button_1.jpg') no-repeat; width:300; height:50; border:none;"/&gt;
  
              &lt;/form&gt;
          &lt;/div&gt; 
  
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and this is my css file:</p>
  
  <pre><code>#text 
  {
  width: 961px;
  height:219px;
  position: relative;
  background-image: url(../img/back_img_green.jpg);
  background-repeat: none;
  }
  </code></pre>
  
  <p>Any ideas ?
  Thanks Stefanos</p>