nav{
  position:absolute;
  display:block;

}

.clear {clear:both} 
/* remove the list style */
#menu {
    display:block;
     
    margin-left:20%;
   
    margin-top:30px;
    padding:0; 
    list-style:none;
    width:100%;
    
}   
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #menu li {
        float:left; 
        display:block; 
        width:119px; 
	background:#f7f7f7;
        position:relative;
        z-index:500; 
        margin:0px;
	box-shadow:2px 2px 2px;
	-webkit-box-shadow:2px 2px 2px;
	-moz-box-shadow:2px 2px 2px;
    }
         
    /* this is the parent menu */
    #menu li a {
        display:block; 
        padding:9px 5px 0 5px;  
        height:23px; 
	font-family:'LinuxLibertineORegular' serif;
	font-size:12px;
        text-decoration:none; 
	color:#305874;
        text-align:center; 
    
    }
 
    #menu li a:hover {
        color:#fff;
	background:#577Fa6;
	border:1px solid white;
	height:21px;
	
    }
     
    /* you can make a different style for default selected value */
    #menu a.selected {
        background:#E3E4E5;
    }
     
        /* submenu, it's hidden by default */
        #menu ul {
            position:absolute; 
            left:0; 
            display:none; 
            margin:0 0 0 0px; 
            padding:0; 
            list-style:none;
        }
         
        #menu ul li {
            width:119px; 
            float:left; 
            border-top:1px solid #fff;
	    box-shadow:2px 2px 2px;
	    -webkit-box-shadow:2px 2px 2px;
	    -moz-box-shadow:2px 2px 2px;
        }
         
        /* display block will make the link fill the whole area of LI */
        #menu ul a {
            display:block;  
            height:23px;
            padding: 9px 5px 0 5px;
	    text-decoration:none;
            color:#305874;
        }
         
        #menu ul a:hover {
            text-decoration:none;  
        }
 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #menu ul {
    margin:0 0 0 -2px;
}