Drop Down Navbar Running Passed Header and Into Galleries

Question

I currently have a drop down navbar that is running down into galleries. You really see this in action if you go here http://k-ophotography.smugmug.com/We...aitPhotography and also would like to try to make it fit right into the header I have created(might go smaller for my header haven't decided yet), is this possible?

UPDATE: what I'm referring to isn't the fact that it drops down but rather it drops down into my contact like show here http://k-ophotography.smugmug.com/Other/About-Me/21582062_8XZX2z. In my bio page if you scroll on to "Fine Art" the gallery options "landscape" "Holga" and "Miscellaneous" all run into the content I have in my Bio page. The solution I want is for it not do this maybe by moving my galleries down. Sorry I am not being clear but I am very new to this and I am struggling to make this work.

Answer 1

I strongly suggest you add a background color to your drop-down menus. That makes them look OK on top of other content. You can do so by adding this CSS (you pick the color you want):

.menu ul ul li {
    background-color: #999;
}

Also, I personally think your drop-downs would look better with the menu items left justified rather than centered which you can do by adding the text-align item to the above CSS:

.menu ul ul li {
    background-color: #999;
    text-align: left;
}

You should also remove all instanced of this in your menu CSS because it is syntactically wrong and isn't doing anything:

background:Transparent;