fixed header

hi to all

I have a problem using fixed header and featuredcontentglider from dynamic drive. After I have fixed the header the images inside of my featurecontentglider will display over the fixed header or float it. Even the conveyor slide show from dynmic drive as well. Please help me to solve it

Thanks in advance

here is my css

/* FIX HEADER */

 div#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:header-<length>;
 }
 div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:footer-<length>;
 }
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }

Code (markup):