Drop Down Navbar Two questions

Question

I have added a drop down navbar to my site and have came across two problems one when I went to center it, it went into two rows. The second problem is that I have added the galleries I want in my main "wedding and portrait photography" but when I scroll over them they aren't dropping down. Here is my webpage its k-ophotography.smugmug.com. I am REALLY new to code so any help would be appreciated

Answer 1

Allen from Digital Grin the person who created the blog I learned from answered my question on Digital Grin. The reason it was doing that incase anyone comes across the same problem was because

"The buttons are wrapping to the next line because the menu container/div is not wide enough. 700px wide seems to work in Firefox, might need a few px's wider to work in all browsers." - Allen

He Told me to set my CSS like this and it works now.

CSS Code:

      /* style the outer div to give it width */
.menu {
   z-index:99;
   position:relative;    /* Make the container moveable */
   margin: 0 auto 20px;  /* top R/L bottom */
   width:700px;          /* Main bar total width, minimize to not wrap to two lines*/
}