레이어 중앙정렬 하고싶은데요 스타일암만해도 않되네요

#sliderWrap {
width: 974px;
border: 1px solid #F00;
text-align: left;
margin: 0px auto;
}
#slider {
position: absolute;
background-repeat:repeat-x;
width: 974px;
height: 180px;
margin-top: -173px;
background-image: url(<?=$outlogin_skin_path?>/back.png);
border: 1px solid #0F0;
}
#openCloseWrap {
position:absolute;
font-size:12px;
font-weight:bold;
top: -6px;
margin-top: 180px;
margin-right: 0;
margin-bottom: 0;
margin-left: 50%;
}
#topline {
height: 5px;
width: 100%;
z-index: 9999;
background-image: url(<?=$outlogin_skin_path?>/topline.png);
background-repeat: repeat-x;
position: absolute;
}
-----------------------------------------------
<div id="topline">이놈은 최상위고정</div>

<div id="sliderWrap" //여기서부터 버튼누르면 아래로 슬라이더 되는부분>

<div id="openCloseIdentifier" //이놈은 정체를 모르겠고 없으면 닫을때 버튼이 안먹히고></div>

<div id="slider" //이놈이 내용들어가는곳같은데 이놈이 골치네요><div id="openCloseWrap"//이놈은 버튼><a href="#" class="topMenuAction" id="topMenuImage"><img src="<?=$outlogin_skin_path?>/login.gif" alt="open" /></a></div>
</div></div>

이런식으로 되어있는데요
암만해봐도 중아으로 오지 않고 왼쪽에 고정되어 있네요
어떻게해야 하나요