MyBB Community Forums

I've been changing my site's header and have run into a problem with the menu (for global.css). The menu functions properly and everything, but you can't see any of the words (like Home, Forums, Contact Us, etc...) unless you hover over them.

Here is the code I have so far:

.menu ul {
	background: #345ab5 url(images/cmybb-duo/menu_bg.png) top left repeat;
	color: #red;
	text-align: left;
	padding: 8px 0 9px 0;
	border: 0px solid #9a24af;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	font-size: 12px;
	font-weight: bold;
}

.menu li {
	display: inline;
	padding-left: 5px;
}

.menu img {
	padding-right: 5px;
	vertical-align: top;
}

.menu ul a:hover, .menu ul a:active {
	background: transparent url(images/nskinz/menu_hover.png) top left repeat;
	color: #fff;
	padding: 5px 10px 5px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	text-decoration: none;
}

Try this;

.menu ul {
    background: #345ab5 url(images/nskinz/menu_hover.png) top left repeat;
    color: #red;
    text-align: left;
    padding: 8px 0 9px 0;
    border: 0px solid #9a24af;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    font-size: 12px;
    font-weight: bold;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

.menu ul a:hover, .menu ul a:active {
    background: transparent url(images/cmybb-duo/menu_bg.png) top left repeat;
    color: #fff;
    padding: 5px 10px 5px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    text-decoration: none;
}

EDIT: I got it to work. Just one problem though... how do I space out the words more?

Add   in between the links.

thank you

Thanks.

Nevermind, the menu still isnt white :\

I'm having trouble following this, but the first thing I'd do is check for duplicate styles. The last time I looked, MyBB had a duplicate for some aspect of the menu.