Primary menu in reverse order

My primary menu is appearing in the reverse order to their weights. I read in a few posts where it may be a CSS issue, but I still can't figure out why it's doing this. Can someone take a peek at my code below and see if anything jumps out?

.pr-menu {overflow:hidden;}
ul.primary-links {margin:0px; padding:0px; list-style:none; text-align:center;}
ul.primary-links li {float:right; text-transform:none; padding-right:0px;}
ul.primary-links li a {color:#006595; text-decoration:none; text-transform:lowercase; font-size:16px; font-weight:normal; padding:18px 14px 21px 14px; display:block;}
ul.primary-links li.active a, ul.primary-links li a:hover {background:#006595; color:#ffffff; text-decoration:none;}
ul.primary-links li.last { background:none;}