css li float right reverse order

css 에서 pager 를 float 으로 정렬 시 페이징 순서가 역순으로 뒤집히게 되는데 이때 다음과 같이 처리하면 정상적으로 순서를 맞출 수 있습니다. 

[출처] http://stackoverflow.com/questions/5313180/problem-with-reversal-of-menu-when-floated-to-the-right-in-css

#navigation {
  width:100%;
  background-color:#383a3c;
  height:43px;
}

#navigation ul {
  width:883px;
  margin:0px auto;
}

ul.navigation {
  font-family:'ChunkFiveRegular', Arial, sans-serif;
  font-size:18px;
  float: right;
}

#navigation li {
  float: left;
  padding: 0px 10px;
}

#navigation li a {
  display:block;
  margin:13px 0px 0px 0px;
  text-decoration:none;
  color:#8cd8db;
} 

즉, li 에서 바로 float: right 하지 말고 상위 ul 에서 float: right 한 후 li 에서 다시 float: left 합니다.