Z-index hjælp

Hey alle.

Skal til at arbejde i lag.
Har dog problemer med koden. Skal der bruges position:absolute hvis z-index skal virke på begge mine elementer?

Mit header element skal overlappe min "slider"
Er der en måde jeg kan undgå position:absolute?

Position absolute påvirker alle mine andre elementer efter denne, f.eks min slider_underline, der skal position absolute og en margin-top før den sidder hvor den skal? Det kan ikke være rigtigt. Min slider_underline burde da ikke tage effekt efter en anden div? Begge er parents div

HJÆÆÆÆLP!

På forhånd tak

 <div id="wrapper">
     <header>
         <div class="header_soldier">
         </div>
         <p class="logotext">.Born<span class="bluepart">host</span></p>
     </header>
     
     <nav>
     </nav>
     
     <div id="slider">
     </div>
     
     <div class="slider_underline">
     </div>

 @charset "utf-8";
 /* CSS Document */
 
 /*RESET FEATURE*/
 *{
     margin:0;
     padding:0;
     border:0;
 }
 
 body{
     background:#1a2530;
 }
 
 #wrapper{
     width:960px;
     height:auto;
     margin:auto;
 }
 
 header{
     width:400px;
     height:230px;
     background:#e74c3c;
     float:left;
     position:absolute;
     z-index:2;
 }
 
 .header_soldier{
     width:175px;
     height:230px;
     background:url(../img/header_soldier.png);
     float:left;
 }
 
 .logotext{
     font-family:Verdana, Geneva, sans-serif;
     font-weight:bold;
     color:#FFF;
     text-transform:uppercase;
     font-size:30px;
     margin:95px 0 0 175px;
 }
 
 .bluepart{
     color:#222f3d;
 }
 
 nav{
     width:560px;
     height:60px;
     background:#222f3d;
     float:right;
     margin-top:150px;
 }
 
 #slider{
     width:960px;
     height:390px;
     background:url(../img/slider_img.png);
     float:left;
     position:absolute;
     margin-top:210px;
     z-index:1;
 }
 
 .slider_underline{
     width:960px;
     height:5px;
     background:#e74c3c;
     float:left;
 }