사하님의 서브메뉴스킨적용중 문제가 발생했습니다..

배추빌더라이트쓰고있구요..

위이미지처럼 마우스롤오버시나오는 서브메뉴가 아웃로그스킨뒤로 숨어버리네요..

그리고 위에 빨간줄한줄은..!!!!!!!!!!!! 스킨파일인 submenu.skin.php 파일에서

#zbase에서 보더값을 주었더니 저렇게되네요..

제가원하는게 메뉴주위에 패더값15정도들어간 빨간색테두리는 만들고싶습니다..

submenu.skin.php파일을 수정하는게 아닌가요? css젬병이라 전혀모르겠네요..

하단에 submenu.skin.php파일 현재 css소스이구요

사이트주소는 pannilbe.cafe24.com 입니다 그누고수님들 도와주세요 ㅠㅠ



<style type="text/css">
/*************************************************
여기서부터 시각적인 부분에 대한 수정을 해봅니다.
아래 소스에서 float, width 처럼 파란색으로 보여지는 속성을 키워드로
CSS 도움말 파일(팁&강좌에 있음)에서 검색해보면서 해당속성에 대한 옵션을 익힙니다.
**************************************************/
#zbase {/*레이아웃 최상위 부모영역*/
margin-left: 50;
margin-top: 50;
margin-bottom: 50;
text-align: center;
background:transparent;
width:auto;
height:auto;
border:1px solid #F30;
}
.zgroup { /*메뉴 영역*/
float:left;/*left,right 가로배열 none 세로배열*/
height:auto;
padding:0 0 0 0;
width:auto;
overflow:visible;/*내용이 넘칠경우 영역을 밀어내며 표시됨*/
border:0px solid red;
}
.zgroup_subject { /*그룹제목*/
width:auto;
position:relative; top:1px; left:-50px;
padding:0 20px 0 20px;
text-align:center;
cursor:pointer;
display:block;
}
.zgroup ul { /*서브메뉴 최상위*/
margin:0;
list-style-type:none;
}

.zboard { /*게시판 레이어 영역 z-index 상위 호출문서 에서 지정*/

width:120px;
border:0px solid;
border-color:#ECECEC;
background:transparent;
padding:0 0 1 0;
display:none;
position:absolute;
}

.zboard_subject { /*게시판 제목*/
width:auto;
height:auto;
padding:6 0 2 0;
border-bottom:1px dotted;
border-bottom-color:#DDDDDD;
/*display:block;cursor:pointer; 포인터 영역 확대*/
}
</style>