Im working on the site:

http://www.staffforsuccess.com/

If you minimize the page, or look at it in a lower resolution, you will notice the menu items at the top begin to overlap, i want them to clear each other so you can always read all the text in the menu. I cannot seem the increase the vertical distance between the elements using CSS margins. Can somebody help me out? cheers.

im not farmiliar with <ul> and <li> but try using a table.

tables for layout? i think youre opening a big ol' can o' worms there mate!

Hello,
I'm not 100% sure this will work, but what have you got to lose by trying it?

You can change some of the the CSS coding in your <div id="header"> to :

header
{
position:absolute; <--these 2 lines place the navbar at the horizontal center of the page
left:50%;
width:500px; (or whatever your width is)
margin-top:50px;
margin-left:-266px; <-- then the left margin is set to the opposite of half the box's width, a negative number.
padding:15px;
}

If this doesn't work, then I'd be very interested in finding out the solution also.

Just my 2 cents,
DianeD