주메뉴들간의 간격을 일정하게 조절할려니 어렵네요. 어떻게 해야 메뉴길이가 제각각이라도 일정한 간격을 유지할 수 있나요??

{@ $count_1=1} {@ $menu_1st = $val }
• class="on">onclick="window.open(this.href);return false;">{$val['+ 'link']}
{@ $count_1++}

#headerMenuFirstUl { position:absolute; top:38px; left:290px; padding:0px; margin:0px; } #headerMenuFirstUl li { float:left; list-style:none; margin-right:0px; } #headerMenuFirstUl li a { width:100px; height:25px; line-height:25px; vertical-align:middle; font-size:13px; color:#3E3E3E; text-align:center; font-weight:bold; text-decoration:none; display:block; } #headerMenuFirstUl li a:hover { color:#F89302; } #headerMenuFirstUl li.on a { font-size:13px; color:#F89302; } #headerMenuSecond { position:relative; top:83px; left:50px; height:20px; overflow:hidden; } #headerMenuSecond ol { position:absolute; padding:0px; margin:0px; display:none; } #headerMenuSecond ol li { float:left; list-style:none; margin-right:10px; } #headerMenuSecond ol li a { line-height:14px; color:#3e3e3e; font-weight:bold; text-decoration:none; display:block; } #headerMenuSecond ol li a:hover { color:#C4EB04; }