수다닷컴

코딩만 넘겨줬을때는 아무런 문제가 없었습니다.
근데 개발을 붙이면서 깨지는 현상이 나타납니다.
가략하게 코딩을 3부분으로 나눠서 했습니다.
레프트 메뉴쪽. 화살표 이미지. aaa 이렇게 3부분입니다.

div id=container
!-- Left AREA --
!-- hidden start --
div class=left_area id=leftmenu_area
!-- Left Menu --
div id=left_menu
div class=left_topdiv class=imgimg src=../../images/left_title/title_notice.gif alt=NOTICE //div/div
div id=left_list
!--
dl
dtspan class=text_ona href=#조사표 할당/a/spanspan class=eaa href=#100개/a/span/li
dtspan class=texta href=#조사표 할당/a/spanspan class=eaa href=#100개/a/span/li
dtspan class=texta href=#조사표 할당/a/spanspan class=eaa href=#100개/a/span/li
dtspan class=texta href=#조사표 할당/a/spanspan class=eaa href=#100개/a/span/li
/dl
--
!-- 3 menu--
dl
dt class=wspan class=text_ona href=#조사표 할당/a/spanspan class=eaa href=#100개/a/span/dt
dd class=wa href=#기관사업장관리/a/dd
dd class=wa href=#기관사업장관리/a/dd
dd class=dd_a wa href=#기관사업장관리/a/dd
dt class=wspan class=texta href=#조사표 할당/a/spanspan class=eaa href=#100개/a/span/dt
dt class=wspan class=texta href=#조사표 할당/a/spanspan class=eaa href=#100개/a/span/dt
dt class=wspan class=texta href=#조사표 할당/a/spanspan class=eaa href=#100개/a/span/dt
/dl

/div
div class=btmimg src=../../images/common/space.gif alt= //div
/div
!-- //Left Menu --
!-- //hidden end --
!-- //Left AREA --

div id=body_area
div id=container_linea href=javascript:menuOnOff();img src=../../images/common/arrow_right.gif width=30 height=30 alt=메뉴숨기기 //a/div
div id=contentsaaa/div
/div
/div
!-- //container --

스타일은
/* Left Menu */
#wrap_open #container .left_area {float:left;width:205px;}
#wrap_open #container .left_area #left_menu {margin-left:18px;width:187px;background:url(../images/common/leftmenu_bg_02.jpg) repeat-y;height:100%;}
#wrap_open #container .left_area #left_menu .left_top {background:url(../images/common/leftmenu_bg_01.jpg) no-repeat;width:187px;height:38px;}
#wrap_open #container .left_area #left_menu .left_top img {margin:10px 0px 0px 15px;}
#wrap_open #container .left_area #left_menu #left_list {}
#wrap_open #container .left_area #left_menu #left_list .w {width:142px;}
/* 2008.11.03 수정 */
#wrap_open #container .left_area #left_menu #left_list dl {margin:5px 10px 0px 11px;width:166px;}
#wrap_open #container .left_area #left_menu #left_list dt {float:left;color:#F76A31;font-size:11px;padding:5px 5px 4px 0px;background:url(../images/common/left_dot.gif) no-repeat bottom;width:160px;}
#wrap_open #container .left_area #left_menu #left_list dd {float:left;width:142px;color:#595959;font-size:11px;padding:3px 5px 2px 19px;background:url(../images/common/bul_03.gif) no-repeat 11px 8px;}
#wrap_open #container .left_area #left_menu #left_list dd a {color:#595959;}
#wrap_open #container .left_area #left_menu #left_list dd a:hover {color:#25619F;font-weight:bold;}
#wrap_open #container .left_area #left_menu #left_list .dd_a {float:left;color:#25619F;font-size:11px;font-weight:bold;}
#wrap_open #container .left_area #left_menu #left_list .dd_a a {color:#25619F;}
#wrap_open #container .left_area #left_menu #left_list .dd_a a {color:#25619F;font-weight:bold;}
/* //2008.11.03 수정 */
#wrap_open #container .left_area #left_menu #left_list .text {float:left;background:url(../images/common/bul_01.gif) no-repeat 0px 5px;padding-left:10px;color:#595959;font-size:11px;}
#wrap_open #container .left_area #left_menu #left_list .text a {color:#595959;}
#wrap_open #container .left_area #left_menu #left_list .text a:hover {color:#015993;font-weight:bold;}
#wrap_open #container .left_area #left_menu #left_list .text_on {float:left;background:url(../images/common/bul_01.gif) no-repeat 0px 5px;padding-left:10px;color:#015993;font-size:11px;font-weight:bold;}
#wrap_open #container .left_area #left_menu #left_list .text_on a {color:#015993;}
#wrap_open #container .left_area #left_menu #left_list .text_on a:hover {color:#015993;}
#wrap_open #container .left_area #left_menu #left_list .ea {float:right;color:#F76A31;}
#wrap_open #container .left_area #left_menu #left_list .ea a {color:#F76A31;}
#wrap_open #container .left_area #left_menu #left_list .ea a:hover {color:#F76A31;}
#wrap_open #container .left_area #left_menu .btm {background:url(../images/common/leftmenu_bg_03.jpg) no-repeat top;width:187px;height:28px;clear:both;}
/* //Left Menu */
/* body_area */
a */
#wrap_open #container #body_area {float:left;background:url(../images/common/container_line.jpg) repeat-y;height:100%;}
#wrap_open #container #body_area #container_line {float:left;width:30px;padding-top:160px;}
/* Contents */
#wrap_open #container #body_area #contents {float:left;width:757px;}

뭐가 문제인지 봐주세요...
부탁드립니다.
공공기관이라 6,7,8에 파이어폭스까지 맞추고 있는데
코딩은 제대로 해줬는데
개발 붙이면서 이렇게 됐다고 하는데
도통 모르겠습니다.
간혹가다 이와같은 현상이 생깁니다.
6.0에서 글자 하나씩 밑으로 떨어지는 현상
이거 해결방법 부탁드립니다.

신청하기