[css-d] Logo positioning with CSS?

[Joe Jackson]

Hi

How can I have the logo sit on top of the slideshow image?  At present the
logo pushes the slideshow image further down the page?  I have tried Z index
on the logo but it still pushes the slideshow down the page instead of the
logo sitting on top of the slideshow?

<div id="mainheader">

   <div id="logo"></div>
   <div id="navigation">
    <ul id="navigs">
     <li><a href="index.html">HOME</a></li>
     <li><a href="aboutus.html">ABOUT US</a></li>
     <li><a href="classes.html">CLASSES</a></li>
     <li><a href="contact.html">CONTACT US</a></li>
    </ul>
   </div>

  </div>
  <div id="slideshow-border">
   <div id="slideshow">

    <div id="cycle-home">
     <img src="images/hp1.jpg" alt="Dance Studios" />
     <img src="images/hp2.jpg" alt="Music and Dance Studio" />
     <img src="images/hp3.jpg" alt="test" />
     <img src="images/hp4.jpg" alt="test" />

    </div>

My CSS for these elements are

  #logo {
   width: 211px;
   height: 177px;
float: left;
   margin: 0px 0px 0px 10px;
   background: url(../images/logo1.png)
  }


 #slideshow-border {
  width: 900px;
  height: 348px;
  padding: 10px;
  margin: 0 auto;
  background: #FFF;
 }
  #slideshow {
   width: 900px;
   height: 348px;
   overflow: hidden;
   position: relative;
   background: #222;
  }
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/