Instead of floating right, float them left. Here is the coding:
Code:
.navbar ul li{
display:inline-block;
margin-left:10px;
margin-right:10px;
background-image:url(button.png);
background-repeat:no-repeat;
height:40px;
width:100px;
text-align:center;
padding-top:10px;
float:left;
text-decoration:none;
list-style:none;
}
Notice, I changed float:right to float: left and that fixed it.