Center top Navigation menu wordpress 3.8

I am struggling to center the top menu

I have added text align center

But nothing happens. If I delete the float it centers the menu but
The pages are under each other

Any suggestions please

Here is the code

}
.top-navigation li,
.bottom-navigation li{
text-align: center;
float:left;
position:relative;
}
/*