centering top nav

Here is the page http://www.theremotedoctor.co.uk/index.html

I am trying to center the header options "Home page, How to use this site" etc etc withing the border it lives in.
The original look was positioned to the right with float.
Ive removed the float and replaced it with the code below.

Code:

---

padding:5px 0px 0px 0px;

---

The reason for doing this was because the ipad would show the header options on 2 lines & i would like then on 1 line.
Now having all of the on 1 line i just need to center them to the border.

Code:

---

text-align:center;

---

did not work for me.

try:

Code:

---

margin: 0 auto;

---

Hi,
Have you tried that out in Firebig F12 etc ?
I thought I tried that but no luck.
Will look again tomorrow.

Cheers.

Hi,
Yes i did try that code but no change.

Code:

---

margin: 0 auto;

---

Did it change for you when in F12

All sorted now.

Changing the following allowed it to center

Code:

---

#menu-main-navigation{display:block; TO  #menu-main-navigation{display:inline-block;}}

---