You should have this if you just want it at the top of the page like it currently is:


Right now the menu is before the wrapper, so it centers in the browser window rather than with the rest of the page content.

hehe hiya guys, thanks for more feedback as I am trying so hard to figure this out. I want it in the same place as the original menu, inside that rounded corner box at the top like it is on here:

http://accessoriesoftheworld.com

@Inger here's screenshots of what I mean, this is with the margin: auto setting as you suggest, it still moves the menu back and forth just not as much because it's already centered

This is with it just slightly minimized so you can still see the menu is centered.

http://wolverana.com/myimages/minimized2.JPG

This is with the window minimized quite a bit to the point of half the site isn't showing and you can see that it's basically gone to the left edge of the screen and no longer centered.

http://wolverana.com/myimages/minimized1.JPG

Thank you Pixie & Cary, between you I think I have it inside the menu area now. Such a stupid little oversight I should have realized, I hate it when that happens, now I 'should' be able to fine tune that so it's positioned where I want it inside there.

Thank you for trying big time too Inger, I wasn't too exactly clear on where I wanted the menu, I guess that might have helped sorry bout that.

What seemed to do it for me was to put the menu code within (or below) the <div id="container">. The menu stays centered over the page text regardless of browser window size. I also put <div class="center"> then menu code </div> on the page .html

I also put

.center {
margin-left:auto;
margin-right:auto;
}

into the menu.css file (although I don't know if that part really did anything).