title: Text Lay Over Header Image
body: <p>I have the following HTML, but can't seem to get the text to LAY OVER the image.  I'd like the h1, h2, and ul li tags to LAY OVER the image.  </p>
  
  <p>I know I can put the image in CSS, I just need to know how to edit the CSS (or HTML?) so the text will LAY OVER the image.</p>
  
  <pre><code>&lt;header&gt;
  &lt;img src="Images/Damask.png" width="100%" border="0" height="200" class="header"&gt;
      &lt;a href="index.html" id= "logo"&gt;![enter image description here][1]
          &lt;h1&gt;J Barnes Events&lt;/h1&gt;
          &lt;h2&gt;Indianapolis's Finest&lt;h2&gt;   
      &lt;/a&gt;
      &lt;nav&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="index.html" class="selected"&gt;Events&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="about.html"&gt;Blog&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="contact.html"&gt;About&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
  &lt;/header&gt;
  </code></pre>