title: I need a div to sit in the corner of a another div, OVER another div
body: <p><strong>HTML</strong></p>
  
  <pre><code>&lt;body onload="MM_preloadImages('images/enterroll.gif')"&gt;
  &lt;div id="wrapper"&gt;
  &lt;div id="enterlogo"&gt;&lt;img src="images/entrylogo.gif" width="600" height="600" alt="enterlogo" /&gt;&lt;/div&gt;
  &lt;div id="enter"&gt;&lt;a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('enter','','images/enterroll.gif',1)"&gt;&lt;img src="images/enter.gif" alt="enter" name="enter" width="300" height="300" border="0" id="enter2" /&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>body {
      background-color: #CCC;
  }
  #wrapper {
      height: 750px;
      width: 750px;
  }
  #enterlogo {
      height: 600px;
      width: 600px;
      margin-top: 10%;
      margin-left: auto;
      margin-right: auto;
  }
  #enter {
      height: 300px;
      width: 300px;
  }
  </code></pre>
  
  <p>So what I actually need this all to do is have the enter div sit in the bottom right hand corner of the wrapper div.</p>
  
  <p>For this to happen I need it to overlay the enterlogo div! I've looked up many posts on z-index and positioning methods with float right, but all of them seem to fall short.</p>
  
  <p>Any help at all would be appreciated, I called a friend and he said that making the image in the enterlogo div a background and putting the other image in that div could help.. I can't see how it'll work though!</p>
  
  <p><em>P.S the rollover image is going to be a link, that is going to eb the only div piece on the page.</em></p>