#menu {
   width: 12em;
   background: #003333;
   border-width: 1px;
   border-style: solid;
}

#menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#menu a {
   font: bold 11px/16px arial, helvetica, sans-serif;
   display: block;
   margin: 0;
   padding: 2px 3px;
   color: #f5df96;
   background: #003333;
   text-decoration: none;
   height: 1%;
}

#menu a:hover {
   color: white;
}

#menu li {
   position: relative;
}

#menu ul ul {
   position: absolute;
   top: 0;
   left: 100%;
   width: 100%;
   border-width: 1px;
   border-style: solid;
}

div#menu ul ul,
div#menu ul li:hover ul ul {
   display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul {
   display: block;
}