drop down css – Color question! :)

[expo703]

Hey can someone check this out : http://www.promoteyourteam.com this is the top nav I made..I want to change the Text color ( all of it ) even on the drop down to White #fff…I’m not sure why its not changing can someone assist me? here is the CSS:

Code:

.menu {
font-family: arial, sans-serif;
width:671px;
height:24px;
position:absolute;
top: 43px;
left: 164px;
font-size:11px;
z-index:100;
padding: 0px;
margin: 0px;
color: #fff;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
background: #e00b0b;
color:#fff;
width:132px;
height:20px;
text-align:center;
line-height:20px;
font-size:15px;
overflow:hidden;
border:1px solid #fff;
}
.menu ul {
padding:0; margin:0; list-style: none;
}
.menu ul li {
float:left; position:relative;
}
.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#fff; background:#ff0000;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:21px;
left:0;
width:105px;
}
.menu ul li:hover ul li a.hide {
background:#ff2626; color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
background:#e02f00; color:#fff;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block; background:#ff6000; color:#fff;
}
.menu ul li:hover ul li a:hover {
background:#ff3000; color:#fff;
}
.menu ul li:hover ul li:hover ul {
display:block; position:absolute; left:105px; top:0;
}
.menu ul li:hover ul li:hover ul.left {
left:-105px;
}

Thanks :)
MSN: [email protected]
Aim: expo703

[superuntitled]

just add #body in front of .menu…

Code:

#body .menu {
font-family: arial, sans-serif;
width:671px;
height:24px;
position:absolute;
top: 43px;
left: 164px;
font-size:11px;
z-index:100;
padding: 0px;
margin: 0px;
color: #fff;
}

[expo703]

I did – still no change.. font is still black.

[expo703]

Thank you! i missed that thanks!

[Author]

Posts