수다닷컴

파폭에서 깨지는것만 경험하다 익스6에서 붙어버리니 다음으로 넘어가야하는데
저게 신경쓰여서 다음 진도로 넘어가야하는데 그렇지도 못하고.
어제부터 --; 끙끙거리다가 조언을 구해볼까 하구요.

이미지의 빨간박스친 부분이 파폭에서는 붙지 않고 잘 나오는데
익스6에서마우스 오버를 하면 오른쪽처럼 위의 배너이미지에 붙어버립니다.
/* 서브페이지 좌측 메뉴 */

.subcategoryArea, .subcategoryArea .bg{background:url(../images/sub/sub_bg_01.gif) 0% bottom no-repeat;width:187px;padding:0 0 7px 0;}
.subcategoryArea{background-position:0% 100%;margin:0 0 7px 0;padding:0;}

.subcategoryArea h2{background:url(../images/sub/childcare_title.gif) 0% 0% no-repeat;width:187px;height:57px;text-indent:-20000px;}

.subcategoryArea ul{margin:5px 0 0 13px;width:187px;}
.subcategoryArea ul li{margin:1px 0;padding:1px 0 0 0;line-height:25px;font-weight:bold}
.subcategoryArea ul li a{display:block;background:#FFF url(../images/sub/sub_cate_bg.gif) 1px 1px no-repeat;padding:0 0 0 25px;width:135px;}
.subcategoryArea ul li a:hover, .subcategoryArea ul li a.on{background:url(../images/sub/sub_cate_bg_1.gif) no-repeat;color:#FFF;text-decoration:none;}

.subcategoryArea ul li ul{margin:0px;width:187px;}
.subcategoryArea ul li ul li{margin:1px 0;padding:1px 0 0 0;line-height:25px;font-weight:bold}
.subcategoryArea ul li ul li a{display:block;background:#FFF url(../images/sub/sub_cate_bg_2.gif) 1px 1px no-repeat;padding:0 0 0 37px;width:123px;}
.subcategoryArea ul li ul li a:hover, .subcategoryArea ul li ul li a.on{background:url(../images/sub/sub_cate_bg_3.gif) no-repeat;color:#FFF;text-decoration:none;}

!-- 서브페이지 좌측 메뉴 --
div class=subcategoryArea
div class=bg
h2육아정보/h2
ul
lia href=#육아정보 육아정보/a/li
lia href=# class=on육아정보 1/a/li
lia href=#육아정보 2/a
ul
lia href=#육아정보 2-1/a/li
lia href=#육아정보 2-2/a/li
lia href=# class=on육아정보 2-3/a/li
lia href=#육아정보 2-4/a/li
/ul
/li
lia href=#육아정보 3/a/li
/ul
/div
/div-----------------------------.subcategoryArea ul li ul{margin:0px;width:187px;}
.subcategoryArea ul li ul li{margin:1px 0;padding:1px 0 0 0;line-height:25px;font-weight:bold}
.subcategoryArea ul li ul li a{display:block;background:#FFF url(../images/sub/sub_cate_bg_2.gif) 1px 1px no-repeat;padding:0 0 0 37px;width:123px;}
.subcategoryArea ul li ul li a:hover, .subcategoryArea ul li ul li a.on{background:url(../images/sub/sub_cate_bg_3.gif) no-repeat;color:#FFF;text-decoration:none;}다른곳에서는 이런현상이 없었는데배경이미지를 잘못쓴건지 회색 배경 url을 빼고 적용하면
위로 붙는 현상이 일어나지 않더라구요.

div로는 처음해보는 코딩인데 아무리 봐도 봐도 뭐가 잘못된건지 알수가 없어서 답답하네요.. 에휴;;;;;;;

신청하기