title: Specify Priority on Div
body: <p>I have a </p>
  
  <pre><code>&lt;div class="banner-right"&gt;
  </code></pre>
  
  <p>and a </p>
  
  <pre><code>&lt;div class="logo"&gt;
  </code></pre>
  
  <p>The Div Class Logo overlaps the banner-right, but the problem is that the right banner covers the logo. Is there a way to set the logo to say that it's more important and it will show over the banner?</p>
  
  <pre><code>div.logo
  {
      display: block;
      position: absolute;
      top: 11px;
      left: 483px;
      margin-left: 472px;
      width: 214px;
      height: 169px;
      background-image:url(images/doxramos_logo.png);
          }
  
  div.head-banner-right
  {
      display: block;
      position: absolute;
      top: 0px;
      left: 159px;
      margin-left: 472px;
      width: 50%;
      height: 60px;
      background-image:url(images/metal_grid.jpg)
      }
  </code></pre>