I cannot get my drop down css menu to appear when I hover over the menu. Here is my code:

HTML Code:
nav ul ul {
	display: none;
}

nav ul li:hover > ul {
		display: block;
	}
	
#container #nav{
    list-style:none;
    margin-bottom:0px;
    float:right;
    width:700px;
	background-image:url(../images/template/a1.jpg);
	background-repeat:repeat-x;
	background-size:auto;
    position:relative;
    z-index:5;
}

#container #nav li{
    float:left;
    margin-right:0px;
    position:relative;
}

#container #nav a{
    display:block;
    padding:5px;
    color:#FFC;
	background-image:url(../images/template/a1.jpg);
    text-decoration:none;
}

#container #nav a:hover{
    color:#F60;
    background-image:url(../images/template/a1.jpg)
}

#nav ul{
    background:#000; 
    list-style:none;
    position:absolute;
    left:-1px;
}

#nav ul li{
    padding-top:1px; 
    float:none;
}

#nav ul a{
    white-space:nowrap; 
}

#nav li:hover ul{ 
    left:0; 
}
#nav li:hover a{ 
    background:#000;
	color:#F60;

}
#nav li:hover ul a{ 
    text-decoration:none;
}
#nav li:hover ul li a:hover{ 
    background:#000;
	color:#F60;