수다닷컴

!-- Category --
div id=Leftmenu_All
ul
span class=categorya href=#AlwaysBank Contents/span
lia href=#» Beginner/a/li
lia href=#» Elementary/a/li
lia href=#» Intermediate/a/li
lia href=#» Uppor/a/li
lia href=#» Tntermediate/a/li
lia href=#» Advanced/a/li
/ul
/div
div id=Leftmenu_bottomimg src=./images/menubar_bottom.jpg/div
!-- //Category --

이렇게 만들었구요..
css는
/* Left menu */
ul, ol { list-style:none; }
* { margin:0px; padding:0px; }
#Leftmenu_All { float:left; width:176px; background:url(/images/left_menu_bg.jpg) repeat-y; }
#Leftmenu_All span { float:left; width:100%; font-size:12px; color:#004594; text-align:left; padding:7px 0 5px 15px; font-weight:bold; }
#Leftmenu_All .category a { color:#004594; padding-left:5px; text-decoration:none; font-family:돋움;font-weight:bold;font-size:12px;}
#Leftmenu_All .category a:link { color:#004594; text-decoration:none;font-weight:bold;font-family:돋움;font-size:12px;}
#Leftmenu_All .category a:visited { color:#004594; text-decoration:none;font-weight:bold;font-family:돋움;font-size:12px;}
#Leftmenu_All .category a:hover { width:100%; color:#4477DD; text-decoration:none; font-size:12px;font-weight:bold;font-family:돋움;}
#Leftmenu_All ul li { float:left; width:100%; font-weight:bold; text-align:left; font-size:12px; color:#333333; line-height:18px; text-decoration:none; font-family:돋움; }
#Leftmenu_All ul li a { color:#333333; padding-left:23px; line-height:18px; text-decoration:none; font-family:돋움;font-weight:bold;font-size:12px;}
#Leftmenu_All ul li a:visited { color:#333333; text-decoration:none;font-weight:bold;font-family:돋움;font-size:12px;}
#Leftmenu_All ul li a:hover { width:100%; color:#fff; background:#0E376F; text-decoration:none; font-size:12px;font-weight:bold;font-family:돋움;}
#Leftmenu_bottom { float:left; }

이런식으로 만들었는데
가만히 있을 땐 괜찮은데..
링크를 걸고 마우스올리니까..height가 늘어나요..

뭐가 문젠지 전혀 찾지 못하겠어요..

도움 부탁드립니다..^^;;

신청하기