Question

How do I properly center the menu on this page http://bit.ly/An65z5? Been poking at firebug for over an hour now, please help 🙂

Answer 1

Remove the float: left property from #top-menu, set the margin: 0 auto; and add a width. You can also remove the padding on the left of #top-menu as it isn’t needed once the nav is centered. So it should look like the following:

#top-menu {
    width: 300px; /* 300px will need to change to the actual width of your nav element */
    margin: 0 auto;
    padding-top: 10px;
}