Шапка поверх модуля - Вопросы по CSS

Здравствуйте, помогите пожалуйста решить проблему. Я на сайте (на локалке стоит) установил модуль слайдера, разместил его в шапке сайта, то есть на данный момент, слайдер находится поверх шапки. Как можно сделать так чтобы было наооборот, то есть чтоб шапка была поверх слайдера ? Шапка в виде штор по бокам которые должны прикрывать бока слайдера, по середине конечно же прозрачно и должен отображаться слайдер.

Код шапки в двух разных css:

в первом файле css

#header{
   background: url(../images/bkg_header.png) top left no-repeat;
}


во втором файле CSS

#header{
   width:1000px;
   height:300px;
   padding:0px;
   margin:0px auto;
   position:relative;
}

попробуйте использовать свойство z-index
http://htmlbook.ru/css/z-index

Шапке
z-index:0;

Контейнеру со Слайдером
position:absolute;
top:*px
left:*px
z-index:1;

или контейнеру со Слайдером

position:relative;
z-index:1;

А выравнивать его уже как хочется (float + margin, etc...)