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

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

그리고 위에 빨간줄한줄은..!!!!!!!!!!!! 스킨파일인 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>