css navigation

[aizel]

<div id="navmenu">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Services</a></li>
        </ul>
    </div>

output that i want:
i want it to start at the right so here is the sample output:
<----HOME ABOUT US SERVICES

so if i add contact from the list it should be:
<----HOME ABOUT US SERVICES CONTACT

but this is the result when i float navmenu to right:
<----CONTACT SERVICES ABOUT US HOME

[Kraai]

Hi aizel

Float it to the left, I think.

[aizel]

i just solve it

#navmenu {
	width:800px;
	float:right;
	height:30px;
}

#navmenu ul {
	line-height:30px;
	float:right;
	position:relative;
	list-style:none;
	padding: 0px 20px 0px 0px;
}

#navmenu ul li {
	display:inline;
}

#navmenu ul li a {
	text-decoration:none;
	float:left;
	color:#FFF;
	font-size:12px;
	width:100px;
	text-align:center;
  	margin: 0px 0px 0px 3px;
  	padding: 0px 0px 0px 6px;
	background:#999999;
}

btw: thanks krai for your reply

[Kraai]

Hi aizel

I wasn't reading properly the first time, and see now you actually want the menu to display on the right of the page. I am glad you solved it, as I was just thinking, another easy way would be to reverse the order in the div id="navmenu like so:

<div id="navmenu">
        <ul>
            <li><a href="#">Services</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Home</a></li>
        </ul>
    </div>

And then just ad the new items on top everytime.