title: Overlap images in CSS
body: <p>How do I get "mymessage.gif" to show over "bread_wine.jpg".</p>
  
  <p>mymessage.gif has a transparent background.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
  &lt;title&gt;overlap images&lt;/title&gt;
  &lt;style type="text/css"&gt;
  &lt;!--
  #navbar {
      font-size: 18px;
      font-weight: bold;
      text-align: center; 
  }
  #thebigimage {
      background-image: url(bread_wine.jpg);
      height: 548px;
      width: 731px;
      margin-right: auto;
      margin-left: auto;
  }
  #overlapthis {
      background-image: url(mymessage.gif);
  }
  --&gt;
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="navbar"&gt;this is the nav bar&lt;/div&gt;
  &lt;div id="thebigimage"&gt;
  &lt;div id="overlapthis"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>