title: Image over div-container
body: <p>How can I overlap the message strip with the div?</p>
  
  <p><img src="https://i.stack.imgur.com/TWtfM.png" alt="Image over div-container"></p>
  
  <p>The position of the div "nav" must be fixed.</p>
  
  <pre><code>&lt;img src="images/diagonal_corner_message_strip.png" id="copyright" /&gt;&lt;div id="nav"&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a class="top" href="#top"&gt;&lt;span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a class="bottom" href="#bottom"&gt;&lt;span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;List&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;Create&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
   &lt;/div&gt;
  
  #nav {
      padding: 6px 0;
      border-bottom:1px solid #ddd;
      position:fixed;
      width:100%;
      top:0px;
      left:0px;
      right:0px;
      margin:0;
      background:#fff url(../images/navigation/nav.png) repeat-x center left;
      z-index:999999;
  }
  
  img#copyright {
      position:absolute;
      top:0px;
      left:0px;
      right:0px;
      float:left;
  }
  </code></pre>
  
  <p>Thanks a lot!</p>