css - I can not figure out why my drop down menue is not hiding -

so, can not figure out why drop down menu not hiding #nav ul set left:-999px , should way off screen, reason not hiding , instead sitting in plain view. btw nav bar php include, have gotten work before, missed along way , stupid mistake on part, feel free call me idiot, can not life of me figure out did wrong time.

here link hosted: http://addisonbwilson.com/index.php

the css

@charset "utf-8"; /* css document */  /*the body responsiable background image, rest of site divided between sub wrapper , includes */ /*bground tile http://subtlepatterns.com/white-brushed/ created andre schouten, crediting him here per usage agreement */ body {margin-top: 0px; background-image:url(../portfolio/images/brushed_@2x.png)}  /* navbar php include*/  #navbarwrapper{positon: absolute; width:980px; height: 120px; z-index:30; background-color:#fff;} #navbar{width:980px; height:120px; background-image:url(../portfolio/images/bannerbgimg.png); background-repeat:repeat-x; z-index:31;} #navbarlogo{width:210px; height:120px; float:left; z-index:32;} #navbarcontent{width:770px; height:120px; float:left; font-family:verdana, geneva, sans-serif; z-index:32;} #wrapper{width:980px; height:auto;} #subwrapper{width: 980px; height: auto;} #imagecontainer{width: 320px; height: 320px; background-color:#fff; margin:3px 3px 3px 3px;}    /*unordered lists used handle drop down nav bar*/ #nav{         list-style:none;         font-family:helvetica, arial, sans-serif;         margin-bottom:10px;         float: right;         width:100%;         position:relative;     } #nav li{float:left; margin-right:10px; position:relative;} #nav a{display:block; padding:5px; color:#000; text-decoration:none;} #nav a:hover{color:#fff; background:#000; text-decoration:none;} <!-- drop down --> #nav ul{      background:#fff;      background:rbga(255,255,255,0);     list-style:none;     position:absolute;     left:-9999px !important;} #nav ul li{ padding-top:1px; float:none; list-style:none;} #nav ul a{white-space:nowrap;} #nav li:hover ul{ left:0;} #nav li:hover a{background:#ccc; text-decoration:underline;} #nav li:hover ul a{text-decoration:none;} #nav li:hover ul li a:hover{background:#000;}  h1{font-size:large} h2{font-size:larger} h3{font-size:medium} img {border:none}    /*link modification*/ a:link{ text-decoration: none; color:#fff; font-family: helvetica, arial, sans-serif} a:visited{text-decoration: none;color:#fff; font-family: helvetica, arial, sans-serif} a:active{text-decoration: none;color:#fff; font-family: helvetica, arial, sans-serif} a:hover{text-decoration: none; color:#fff; font-family: helvetica, arial, sans-serif} 

the navbar.php

<link rel="stylesheet" type="text/css" href="portfolio/code/pcss.css"> <div id="navbarwrapper"> <div id="navbar">         <div id="navbarlogo"><a href="index.php"><img src="portfolio/images/awlogo.png" /></a></div>         <!--- nav --->         <div id="navbarcontent">                  <ul id="nav">                 <li><a href="#">portfolio</a>                     <ul>                         <li><a href="subpages/photography.php">photography</a></li>                         <li><a href="subpages/gfx.php">graphic art</a></li>                         <li><a href="subpages/webdesign.php">web design</a></li>                         <li><a href="subpages/gamedesign.php">game design</a></li>                     </ul>                 </li>                     <li><a href="#">about me</a>                     <ul>                         <li><a href="subpages/resume.php">resume</a></li>                     </ul>                 </li>                    <li><a href="#">contact</a>                     <ul>                         <li><a href="subpages/socialmedia.php">social media</a></li>                         <li><a href="subpages/cinfo.php">contact information</a></li>                     </ul>                 </li>      </ul><!--- end nav --->    </div> <!--- navbar --->       </div> <!-- navbarwrapper ---> 

the site include tag nav , wrapper content, empty atm.

<!doctype html> <html> <head> <meta charset="utf-8"> <title>addison wilson</title> <link rel="stylesheet" type="text/css" href="portfolio/code/pcss.css"> </head>  <body>      <?php include ("portfolio/includes/navbar.php"); ?>      <div id="wrapper">         </div><!--wrapper-->    </body>     </html> 

i browsed site in link, couldn't find dropdown css in uploaded css file.

so using live edit tool in firefox, added css have in question,

#nav ul{      background:#fff;      background:rbga(255,255,255,0);     list-style:none;     position:absolute;     left:-9999px !important;} 

and submenu disappeared off screen. double check css file on server date?