[SOLVED] Drop Down Problem

[freshJet]

http://www.freshjetvirtual.com/

If you hover over About Us or Operations, you'll see that everything is fine. But then, if you hover over one of the sub-items, it appears white over the text area instead of stretch across the width of the menu (if that makes sense). I've messed it up and am not touching it until I know what to edit.

Here's the CSS:

.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% Tahoma;
font-size:12px;
font-weight:bold;
}
.menu ul{
background:#05A2EA;
height:40px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
	float:left;
	padding:0px;
	}
.menu li a{
	background:#05A2EA;
	color:#FFFFFF;
	display:block;
	font-weight:normal;
	line-height:40px;
	margin:0px;
	padding:0px 10px 0px 10px;
	text-align:center;
	text-decoration:none;
	}
	.menu li a:hover{
		background: #05A2EA;
		color:#FFFFFF;
		text-decoration:none;
		}
.menu li ul{
	background:#05A2EA;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:1px solid #000000;
	position:absolute;
	width:150px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}
.menu li:hover ul{
	display:block;

.menu ul li:hover a }
	background: #05A2EA;
	color:#000000;
	text-decoration:none;
	}

	}
.menu li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:150px;
	border:0px;
	}
.menu li:hover li a{
	background:none;

	}
.menu li ul a{
	display:block;
	height:40px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 10px;
	text-align:left;
	}
	.menu li ul a:hover{
		background:#FFFFFF;
		border:0px;
		color:#FFFFFF;
		text-decoration:none;
		}

	.menu li ul li:hover a{
		background:#FFFFFF;
		border:0px;
		color:#FFFFFF;
		text-decoration:none;
		}
.menu p{
	clear:left;
	}	

[mark1million]

Ah i see, have a look at the css hover colour for the <li> property, sorry i am not at the pc at the moment and its a bit difficult reading all that code above.

[mark1million]

Change the hover background and hover to the colour you want, that should fix it

               .menu li ul a:hover{
                       background:#FFFFFF;
                       border:0px;
                       color:#FFFFFF;
                       text-decoration:none;
                       }

               .menu li ul li:hover a{
                       background:#FFFFFF;
                       border:0px;
                       color:#FFFFFF;
                       text-decoration:none;
                       }
       .menu p{
               clear:left;
               }       

[freshJet]

Fixed, thanks.