<div id="topmenu">
   <ul>
      <li><a href="#" > 메뉴1</a></li>
      <li><a href="#">  메뉴2</a></li>
      <li><a href="#"> 메뉴3</a></li>
      <li><a href="#">  메뉴4</a></li>
      <li><a href="#">  메뉴5</a></li>
   </ul>
</div>

일단 메뉴 이렇게잡고


css를

a{text-decoration:none; color:#333;}
a:hover{color:#729b02;}

#topmenu ul li { display:inline; font:bold; margin-right:3px; float:right; padding:25px 10px;}


이렇게 잡았습니다.

그런데..!!!

메뉴5  메뉴4  메뉴3  메뉴2  메뉴1

정렬이 거꾸로되요 이렇게! 왜이러는건가요? 이거 어떻게해야해요?
그리고...제가 일단 바디 폰트를 12로 잡아놨는데..

이 메뉴에서만 20px로 잡으려해요. 그러면 저기... topmenu에 font-size:20px; 넣으면 되는거아닌가요? 왜 안잡힐까요...? 자꾸 패딩으로 잡혀서..하...
알려주실 분 안계실가요 ㅠ