Hover in CSS does not Work?

Im trying to make a drop down menu bar purely

using HTML & CSS, but one thing that is really

bothering me is that it doesnt change to the backgroung color

when I hover over the links I dont know why..?

Heres the HTML, I used uls, div and li to create a

drop down menu:

(Toggle Plain Text)

Aboot

Provinces
Monarchy
Culture
Food


 
		   

 
	    

 

 


 

</p><br /><p> Aboot</p><br /><p> Provinces<br /><br /> Monarchy<br /><br /> Culture<br /><br /> Food</p><br /><p>

And heres the CSS im ussing trying to make the navigation bar:

(Toggle Plain Text)

 navMenu{
    margin:0;
	padding: 0;
 position: relative;
   left: 150px;
   top: 130px;
 }

 navMenu ul{
   margin:0;
	padding: 0;
	line-height: 20px;
 }

 navMenu li {
    margin:0;
	padding: 0;
	list-style:none;
	float: left;
	position:relative;
	background:#999;

 }

 navMenu ul li a{
    text-align:center;
	font-family:"Courier New", Courier, monospace;
	text-decoration: none;
	height: 30px;
	width: 150;
	display: block;
	color: FFF;
	border: 1px solid 000;

 }

  navMenu ul ul{
     position: absolute;
	 visibility: hidden;
	 top: 32px;
  }

  navMenu ul li:hover ul{
      visibility:visible;

  }

   navMenu li: hover { 
      background: 09F;
   }

navMenu{<br /><br /> margin:0;<br /><br /> padding: 0;<br /><br /> position: relative;<br /><br /> left: 150px;<br /><br /> top: 130px;<br /><br /> }</p><br /><p> navMenu ul{<br /><br /> margin:0;<br /><br /> padding: 0;<br /><br /> line-height: 20px;<br /><br /> }</p><br /><p> navMenu li {<br /><br /> margin:0;<br /><br /> padding: 0;<br /><br /> list-style:none;<br /><br /> float: left;<br /><br /> position:relative;<br /><br /> background:#999;</p><br /><p> }</p><br /><p> navMenu ul li a{<br /><br /> text-align:center;<br /><br /> font-family:”Courier New”, Courier, monospace;<br /><br /> text-decoration: none;<br /><br /> height: 30px;<br /><br /> width: 150;<br /><br /> display: block;<br /><br /> color: FFF;<br /><br /> border: 1px solid 000;</p><br /><p> }</p><br /><p> navMenu ul ul{<br /><br /> position: absolute;<br /><br /> visibility: hidden;<br /><br /> top: 32px;<br /><br /> }</p><br /><p> navMenu ul li:hover ul{<br /><br /> visibility:visible;</p><br /><p> }</p><br /><p> navMenu li: hover {<br /><br /> background: 09F;<br /><br /> }

So if anyone could help me I will deeply appreciate it! Thanks

http://bit.ly/oXaDmd