wpslate

mand4mac3:
I suspect you have already figured this out, but for those who haven’t, the menu/navigation bar issue you described presents itself automatically if your menu grows length-wise to the point where it has to continue onto another line (like an automatic return).

The second row of menu items will display itself properly against the light-colored background (which would be kicked downward, since the navigation background image is only one row high and is set to only repeat itself horizontally, starting from the bottom left of the header div). The first row of brown-text menu items would then appear against the brown background of that same div.

Here is the culprit (per Titan 1.27):

#header {
	width: 100%;
	border-bottom: 1px solid #ede7e0;
	background: #443b31 url(../images/nav-background.gif) repeat-x bottom left;
}

When you cursor over a first-row item, it is that item’s hover state that turns the background white. Although you can fix this, as esmi has alluded to above, with CSS, it may look strange.

Your best bet is to insure that items within the menu/navigation bar do not exceed the 960 pixel-width of the wrapper div by either reducing the number of items, or the length of the text within the items.

Hope that helps.