title: How to overlap one element over another
body: <p>Hi i have an <code>&lt;hr&gt;</code> line stretching across the page, but I think it keeps getting cut off by an image above it.  Does anyone know how I could make it so that the <code>&lt;hr&gt;</code> line overlaps the image?</p>
  
  <pre><code>&lt;img src=".\pncwelcome.png" 
      style="float:right; clear:right; margin-top:-40px;" 
      alt="PNC Welcome Logo"/&gt;
  &lt;hr color="black" 
      style="margin-top:30px;" /&gt;
  </code></pre>