수다닷컴

left메뉴에 롤오버시 레이어를 띄우려고합니다.
그런데, 레이어가 제대로 띄워지지 않아 질문드립니다.
글로쓰자니 길어질듯해 그림으로 설명드리겠습니다.
제가 원하는건 첫번째 그림인데 지금 현재는 left에 빨간 레이어를 위치시키면 저렇게 안쪽으로 숨고
center로 위치시키면 음수값으로 조정했을때 그만큼 뒤쪽으로 숨어버립니다.
z-index를 적용해도 별다른게 없습니다.
무엇이 잘못된걸까요? 살려주세요.

/******************************************************************************
레이아웃 관련
******************************************************************************/
#warp {width:100%; height:100%;}
#main_container{width:1260px; height:858px; margin:0 auto; text-align:left; overflow:hidden; background:url(../../images/front/common/foot_bg.jpg) no-repeat;}
#main_contents{width:858px; height:680px;text-align:left;float:left;background:url(../../images/front/common/main_content.gif) no-repeat; overflow:hidden; }
#main_Left{width:218px; height:858px;text-align:left;float:left; overflow:hidden; background:url(../../images/front/common/left_bg.jpg) no-repeat; }
#main_Right{width:184px; height:858px;text-align:left;float:left;overflow:hidden; background:url(../../images/front/common/mright_bg.jpg) no-repeat;}
#main_Bottom{width:858px; clear:both; position:relative;top:-165px; left:218px; }

/******************************************************************************
좌측메뉴 관련
******************************************************************************/
#Leftmenu_sub_wrap {position:relative; width:250px; height:300px; top:-380px; left:-20px;}
#Leftmenu_sub1 {position:absolute; width:239px; height:300px; overflow:auto; z-index:99;}
#Leftmenu_sub1 .menu {top:320px; left:410px; width:220px; padding:1px 1px 1px 1px; background:#424242;}#Leftmenu_sub1 .menu li.subject a {color:#fff;; text-decoration:none;}
#Leftmenu_sub1 .menu li.subject a:hover {font-weight:normal; color:#ffd200; text-decoration:none;}

신청하기