title: How to overlay one div over another div
body: <p>I need assistance with overlaying one individual <code>div</code> over another individual <code>div</code>.</p>
  
  <p>My code looks like this:</p>
  
  <pre><code>&lt;div class="navi"&gt;&lt;/div&gt;
  &lt;div id="infoi"&gt;
      &lt;img src="info_icon2.png" height="20" width="32"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Unfortunately I cannot nest the <code>div#infoi</code> or the <code>img</code>, inside the first <code>div.navi</code>.</p>
  
  <p>It has to be two separate <code>div</code>s as shown, but I need to know how I could place the <code>div#infoi</code> over the <code>div.navi</code> and to the right most side and centered on top of the <code>div.navi</code>.</p>