Mi inverte gli elementi delle liste "al contrario"

[zacca94]

Il problema è che printa gli elementi nel seguente ordine: Concat Us Info User List Search Home
invece di: Home Search User List Info Contact Us

p.s. vbulletin non mi identa il codice

<div id="header"> 
<div id="banner">        
<img src="header.jpg" />    
</div>
    <div id="navlinks">        
<ul>            
<li><img src="home.png" /><a href="#">Home</a></li>          
  <li><img src="search.png" /><a href="#">Search</a></li>   
         <li><img src="userlist.png" /><a href="#">User List</a></li>
            <li><img src="info.png" /><a href="#">Info</a></li>            <li><img src="contact.png" /><a href="#">Contact Us</a></li>       
 </ul>    
</div>
</div>

style.css

body {    background-color: #FFFFFF;    margin: 0;    padding: 0;    font-size: small;    color: #383838;    font-family: Verdana, Arial, Helvetica, sans-serif;}
* html body {    font-size: x-small; /* for IE5/Win */    f\ont-size: small; /* for other IE versions */}
* {    margin: 0; padding: 0;}
img {    border-style: none;}
#header {    margin: 1% 2% 1% 2%;}
#banner {    float: left;}
#navlinks {    float: right;}
#navlinks ul {    list-style: none;}
#navlinks ul li {    float: right;}
#navlinks ul li a:link, #navlinks ul li a:visited {    color: #585858;    text-decoration: none;}