배추빌더에 사이트맵 정렬이 안되어 질문드려요~

#tail .sitemap { margin:0 5px 5px 5px; padding:10px 0 0 10px; background-color:#fff; border:1px solid #fff; letter-spacing:0px; }
#tail .sitemap ul { margin:0; padding:0; list-style:none; height:25px; }
#tail .sitemap ul li { margin:0; padding:0; float:left; }
#tail .sitemap ul li .group { font-weight:bold; padding:0 0 0 10px; float:left; width:110px; }
#tail .sitemap ul li .group a { color:#5695D4; }
#tail .sitemap ul li .menu { margin-left:1px; padding:0 0 0 10px; background:url(<?=$mw_index_skin_main_path?>/img/dot.gif) 3px 5px no-repeat; }
#tail .sl { float:left; }
#tail .sitemap .gag { clear:both; height:1px; line-height:1px; font-size:1px; }

이 부분이 사이트맵 스타일부분입니다.
헌데 메뉴를 추가하니까 길어지다 보니 첨부한 사진처럼 나오네요.;;

추가된 메뉴를 회사소개 아래로 바로 정렬되게 할 수 있을까요? 현재접속자가 회사소개 바로 아래로 가야하는데요;;
어떤 분이 테이블을 짜라고 하시는데 테이블 짜기가 좀...;; 어려운 것 같습니다.
꾸물꾸물 짤 수는 있을 것 같기도 한데... 그것 말고 css를 손봐서 정렬되게는 못할까요? 아래가 사진의 소스부분이라고 할 수 있겠습니다.;;

<div class="sitemap">
<?
for ($i=0; $i<$mw_groups_sitemap_count; $i++) {
$mw_mmenus = mw_get_middle_menus($mw_groups_sitemap[$i][gr_id]);
//if ($i!=0) $sline = "class=\"sline\""; else $sline = "";
echo "<ul $sline>\n";
echo "<li><div class=\"group\"><a href=\"{$mw_groups_sitemap[$i][gr_url]}\">{$mw_groups_sitemap[$i][gr_subject]}</a></div></li>\n";
for ($a=0; $a<sizeof($mw_mmenus); $a++) {
$mw_smenus = mw_get_small_menus($mw_mmenus[$a][mm_id]);
for ($j=0; $j<sizeof($mw_smenus); $j++) {
echo "<li><div class=\"menu\"><a href=\"{$mw_smenus[$j][ms_url]}\">{$mw_smenus[$j][ms_name]}</a></div></li>\n";
}
}
echo "</ul>\n";
if (($i+1)%6==0) echo "<div class=gag>&nbsp;</div>";
}
?>