title: How do I 'send an image back', behind textboxes?
body: <p>You can view my problem:</p>
  
  <p><img src="https://i.stack.imgur.com/3INFZ.png" alt="enter image description here"></p>
  
  <p><a href="https://i.stack.imgur.com/cGoEU.png" rel="noreferrer">http://i.stack.imgur.com/cGoEU.png</a></p>
  
  <p>That image is covering my login form. How do I get it to move behind the textboxes &amp; sign in button?</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;img src="C:\Users\George\Documents\HTML\My Local Soccer\pics\icons\gradient box.gif" 
      style="position:absolute; top: 155px; left: 480px; width:auto; height:auto;"&gt;
  &lt;input type="text" class="tb7" value="Username" style="margin-left: 563px" 
      maxlength="20" onfocus="if(this.value == 'Username') {this.value='';}" /&gt;         
  &lt;/br&gt;
  &lt;input type="text" class="tb8"  value="Password" style="margin-left: 563px;"   
      maxlength="20" onfocus="if(this.value =='Password') {this.value='';}"/&gt;
  &lt;input type="image" height="25px"   width="67px" style="vertical-align:top;"
      src="C:\Users\George\Documents\HTML\My Local Soccer\pics\icons\sign in.gif" /&gt;
  </code></pre>