menus getting reversed

See more:

HTML

In the following code I am unable to set the order of menus as it is when I use float to right. It is getting reversed. If I set to float to left it works fine.

.menu ul{
display:table;
display:table-cell;
float:right;
background:yellow;
height:50px;
list-style:none;
margin:0;
padding:0;
width:1015px;
margin-left:296px;
margin-top:130px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.menu ul li{
  float:left;
  display:table-cell;
}

<div class="menu">
   <ul >
      <li id="one"><a href="default.aspx" >Home</a></li>
      <li id="two"><a href="aboutus.aspx" id="current">About us</a>    </li>
      <li id="ourservices"><a href="#">Our services</a>
    <ul>

...