수다닷컴

지금 그림이 삐뚤빼뚤하지만
div 배치를 밑의 방식처럼 그냥 순차적으로 다닥다닥 올라와 붙게 만들고 싶은데 계속 위의방식처럼
한 행에 한개의 div만있게 되네요 ㅠㅠ

내용이 고정적이면 그냥 사이즈줘서 할텐데 각 내용들이 유동적이라서...
더 어렵네요 ㅠ

해결방안이 없을까요 ...

소스 올립니다.

--html --
div id=top_menu

div class=top_menu_box
h2창업상담/h2
ul
li디지털카메라/li
li카메라 악세사리/li
li컴퓨터,주변기기/li
li휴대폰 /li
li MP3플레이어/li
/ul
/div

div class=top_menu_box
h2창업상담/h2
ul
li디지털카메라/li
li카메라 악세사리/li
li컴퓨터,주변기기/li
li휴대폰 /li
li MP3플레이어/li
/ul
/div

div class=top_menu_box
h2창업상담/h2
ul
li디지털카메라/li
li카메라 악세사리/li
li컴퓨터,주변기기/li
li휴대폰 /li
li MP3플레이어/li
/ul
/div

div class=top_menu_box
h2창업상담/h2
ul
li디지털카메라/li
li카메라 악세사리/li
li컴퓨터,주변기기/li
li휴대폰 /li
li MP3플레이어/li
li카메라 악세사리/li
li컴퓨터,주변기기/li
li휴대폰 /li
li MP3플레이어/li
&n li카메라 악세사리/li
li컴퓨터,주변기기/li
li휴대폰 /li
li MP3플레이어/li
/ul
/div

div class=top_menu_box
h2창업상담/h2
ul
li디지털카메라/li
li카메라 악세사리/li
li컴퓨터,주변기기/li
li휴대폰 /li
li MP3플레이어/li
li디지털카메라/li
li카메라 악세사리/li
li컴퓨터,주변기기/li
li휴대폰 /li
li MP3플레이어/li
/ul
/div

!--//top_menu --
/div

---css ------
#top_menu{width:950px; float:left; margin:0 0 25px 0; border-top:3px solid #df3333}
#top_menu .top_menu_box {border:1px solid #dfdfdf; width:156px; float:left; padding:0 0 10px 0}
#top_menu .top_menu_box h2 {width:155px; height:24px;padding:4px 0 0 0; text-align:center; background-color:#ededed; border:1px solid #dfdfdf; color:#CC0000; font-size:14px; }

#top_menu .top_menu_box ul{display:inline-block; margin:10px 0 0 15px}
#top_menu .top_menu_box ul li{background:url(../images/common/bul_gray.gif) no-repeat 0 48%; padding:1px 0 0 8px}

신청하기