<style type="text/css">

       #topmenu{
          margin: 0px;
          padding: 0px;
	  height: 1em;
	  width: 20em;
       }

       #topmenu li {
          list-style: none;
          font-family: arial;
          font-size: 18;
          color: red;
          float: left;
          width: 7em;
       }
       
       #topmenu li a {
          display: block;
          padding: 3px 8px;
          background-color: #5e8ce9;
          color: #fff;
          text-decoration: none;
       }

       #topmenu li ul {
          display: none;
          width: 7em;
          background-color: #69f;
          z-index:1;
          opacity: 0.7; filter: alpha (opacity=100);
       }
       
       #topmenu li:hover ul, #topmenu li.hover ul {
          display: block;
          position: absolute;
          margin: 0;
          padding: 0;
       }
       
       #topmenu li:hover li, #topmenu li.hover li {
          float: none;
       }

       #topmenu li:hover li a, #topmenu li.hover li a {
          background-color: #69f;
          border-bottom: 1 px solid #fff;
          color: #000;
       }
       
       #topmenu li li a:hover {
          background-color: red;
       }

</style>
