/* Basic code - don't modify */
  #navi li {position: relative; }
  #navi a { display: block; }
  #navi ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; z-index:100; }
  * html #navi ul { line-height: 0; } /* IE6 "fix" */
  	#navi ul a { zoom: 1; } /* IE6/7 fix */
    #navi ul li { float: none;}
    

/* Everything else is theming */

#navi *:hover { background-color: none; }
#navi ul li a {  color:#fff; font-size: 12px; padding: 6px 6px; text-decoration:none; line-height: 1; }
    #navi ul li a { background-color:#4F402B; }
      #navi ul a.hover { background-color: #F59D0A; }
   #navi ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.8; filter: alpha(opacity=80); }
/* #navi ul a { border-bottom: none; } - I also needed this for IE6/7 */