수다닷컴

tree menu 에서 아래 그림처럼 내용이 길어지면 왼쪽부분 아이콘이 귀퉁이로 밀려버리네요..
텍스트도 확 앞쪽으로 당겨내려오궁,, 아이콘을 고정시키려면 어떻게 해야되징.. 흐엉 ㅜㅜ

요거 어떻게 해야될까요. 도..도와주세요!!! ㅠㅠ
-----------------------------------------------------------------------------------------------------
CSS
.left_tree{width:100%; padding:5px 0;background:url(../img/info/info_dot.gif) repeat-x bottom;}
.left_tree li.menu1{margin:0 10px; min-height:21px; _height:21px; font-size:12px;}
.left_tree .menu1 a{color:#333; padding-left:14px; font-weight:bold;}
.left_tree .menu1 a:hover{color:#1582AA;}
.left_tree a.green{background:url(../img/info/green.gif) no-repeat 0 0;}
.left_tree a.gray{background:url(../img/info/gray.gif) no-repeat 0 0;}
.left_tree a.blue{background:url(../img/info/blue.gif) no-repeat 0 0;}
.left_tree a.orange{background:url(../img/info/orange.gif) no-repeat 0 0;}
.left_tree a.black{background:url(../img/info/black.gif) no-repeat 0 0;}
.left_tree a.red{background:url(../img/info/red.gif) no-repeat 0 0;}
.left_tree2 li.menu2{line-height:16px;}
.left_tree .left_tree2{background:url(../img/info/tree_dot.gif) repeat-y 4px 0; margin-bottom:4px;}
.left_tree .left_tree2 a{color:#333; padding-left:15px; margin:0 0 0 8px; font-weight:normal; font-size:12px;}
.left_tree .left_tree2 li{padding:2px 0 1px 7px; background:url(../img/info/info_menu2.gif) no-repeat 6px 8px;}
.menu_end{background:#fff url(../img/info/tree_dot_end.gif) no-repeat -6px 0 !important;}

HTML
div class=left_tree style=background:none;
ul
li class=menu1a href= class=green기본정보/a/li
li class=menu1 a href= class=blueScreening/a
!--2depth--
ul class=left_tree2
li class=menu2a href= class=blue인구학적정보인구학적정보/a/li
li class=menu2a href= class=red체중 및 신장/a/li
li class=menu_enda href= class=gray선정기준/a/li
/ul
!--//2depth--
/li
li class=menu1a href= class=red기본정보/a/li
li class=menu1a href= class=black기본정보/a/li
li class=menu1a href= class=green기본정보/a/li
li class=menu1a href= class=gray기본정보/a/li
li class=menu1a href= class=gray기본정보/a/li
/ul
/div

신청하기