[SOLVED] Vertical Drop-down menu fault

body {
margin : 20px;
padding : 0;
font : 73% "Trebuchet MS", verdana, arial, sans-serif;
color : #666;
background : #fff url(../images/background_blue.jpg)repeat-x;
}
#container {
width : 750px;
border : 5px solid #fff;
margin-left : auto;
margin-right : auto;
padding : 10px;
color : #666;
background : #f2f2f5;
}
			/*TOP BANNERs*/
#banner {
float : left;
width : 510px;
height : 160px;
padding : 0;
margin-bottom : 15px;
color : #666;
background : inherit;
}
#bannerb {
float : right;
width : 200px;
margin : 0 0 15px 10px;
padding : 0;
color : #666;
background : #f2f2f5;
}
			/*TOP MENU*/
#navcontainer {
clear : both;
width : 100%;
}
#navcontainer ul {
float : left;
width : 100%;
padding-left : 0;
margin-left : 0;
background : #ECAA2C;
color : #fff;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none;
border-right : 1px solid #fff;
background : #ECAA2C;
color : #2D6B80;
	font-family: "Museo Slab",Rockwell,Courier,sans-serif;
	font-size: 16px;
}
#navcontainer ul li a:hover {
background : #a1aac9;
color : #fff;
}
#active a:link, #active a:visited, #active a:hover {
background : #a1aac9;
color : #fff;
}
			/*CENTRE CONTENT*/
#content {
padding : 10px;
margin-left : 190px;
margin-right : 190px;
background : inherit;
color : #666;
}
			/*LEFT CONTENT*/
#sidebar {
float : left;
width : 170px;
margin : 0 0 0 0;
padding : 10px;
color : #666;
background : #f2f2f5;
}
			/*LEFT MENU*/
#menu {
width : 160px;
padding : 10px 0 0 0;
}
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu li {
margin : 0 0 0.1em 0;
}
#menu a {
display : block;
width : 140px;
padding : 0.1em 0.8em;
text-decoration : none;
color : #fff;
background : #ECAA2C;
}
#menu a:hover {
background : #a1aac9;
color : #fff;
}
			/*RIGHT CONTENT*/
#sidebar-b {
float : right;
width : 170px;
margin : 0;
padding : 10px;
border-left : 1px solid #999;
background : #f2f2f5;
color : #666;
}

#container3 {
width : 180px;
border : 2px solid #000000;
margin-left : auto;
margin-right : auto;
text-align : center;
padding : 0px;
color : #666;
}
			/*RIGHT SCROLLBAR*/
div.scroll {
overflow : auto;
height : 15em;
width : 160px;
padding : 1ex;
color : #333;
background : #fff;
border : 1px solid #eee;
margin : 20px 0 25px 10px;
}
			/*FOOTER*/
#footer {
clear : both;
padding : 5px;
margin-top : 5px;
color : #bbd2e0;
background : #ECAA2C;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #eee;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #f2f2f5;
background : inherit;
color : #f2f2f5;
}
			/*TYPOGRAPHY*/
h1, h2 {
margin : 0 0 10px 5px;
letter-spacing : 3px;
font-size : 120%;
color : #2D6B80;
background : inherit;
	font-family: "Museo Slab",Rockwell,Courier,sans-serif;
}
h3 {
font-size : 110%;
color : #826c45;
background : inherit;
	font-family: "Museo Slab",Rockwell,Courier,sans-serif;
}
			/*LINKS*/
a {
color : #826c45;
font-weight : bold;
text-decoration : none;
background : inherit;
}
a:hover {
color : #697899;
background : inherit;
	font-family: "Museo Slab",Rockwell,Courier,sans-serif;
}
			/*CLASSES*/
.news {
font-size : 100%;
background : inherit;
color : #333;
}
.sitename {
font-size : 180%;
margin : 0 0 10px 0;
color : #826c45;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
#ajaxSearch_input {
width: 140px;
}

                          /*Drop Down Menu*/

nav {
 /* Repeating background image */
 background:#ECAA2C; 
 width:170px;
 margin:0px;
}
 
nav ul {
 /* Removes bullet points */
 list-style:none;
 margin:0;
 padding:0;
	border:1px solid #f2f2f5;
 
}
nav ul li {
 /* Any child positioned absolutely will be positioned relative to this */
 position:relative;
}
nav a {
 color:#2D6B80;
 padding:12px 0px;
 /* Fill all available horizontal space */
 display:block;
 /* Remove underline */
 text-decoration:none;
 /* 
 New CSS3 animations:
 apply transition to background property, taking 1s to change it 
 */
 transition:background 1s;
 -moz-transition:background 1s;
 -webkit-transition:background 1s;
 -o-transition:background 1s;
 font-size:16px;
 text-transform:uppercase;
 padding-left:5px;
	border:1px solid #f2f2f5;
	font-family: "Museo Slab",Rockwell,Courier,sans-serif;
}
nav a:hover {
 /* 
 RGBA background for transparancy: 
 last number(0.05) is the transparency 
 */
 background: RGBA(255,255,255,0.45);
 color:#fff;
}
nav ul li:hover ul {
 /* When list item is hovered, display UL nested within. */
 display:block;
}
nav ul ul {
 /* Remove element from document flow */
 position:absolute;
 /* Position relative to its parent <li> */
 left:170px;
 top:0;
 border-top:1px solid #B66F13;
 display:none;
}
nav ul ul li {
 width:200px;
 background:#f1f1f1;
 border:1px solid #B66F13;
 border-top:0;
}
nav ul ul li a {
 color:#a8a8a8;
 font-size:16px;
 text-transform:none;
}
nav ul ul li a:hover {
 color:#929292;
}
nav span {
 width:12px;
 height:12px;
 background:#fff;
 display:inline-block;
 float:left;
 margin-top:3px;
 margin-right:20px;
 position:relative;
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -o-transition:all 0.5s;
 -webkit-transition:all 0.5s;
}
nav a:hover span {
 background: #7d2c41;
 transform:rotate(90deg);
 -moz-transform:rotate(90deg);
 -webkit-transform:rotate(90deg);
}
/*Horizontal line*/
nav span:before {
 content:"";
 width:12px;
 height:2px;
 background:#3a3b3b;
 position:absolute;
 left:0px;
 top:5px;
}
/*Vertical line*/
nav span:after {
 content:"";
 width:2px;
 height:12px;
 background:#3a3b3b;
 position:absolute;
 left:5px;
 position:top;
}
/*End of Drop Down Menu*/

/*Grid system*/
.square {
    float:left;
    position: relative;
    width: 28%;
    padding-bottom: 30%; /* = width for a 1:1 aspect ratio */
    overflow:hidden;
	margin:1.66%;
	border: 1px solid #000;
}

.content {
    position:absolute;
    height:80%; /* = 100% - 2*10% padding */
    width:90%; /* = 100% - 2*5% padding */
    padding: 10% 5%;
}
/*End of Grid System*/