body { color: white; font: 11px verdana; background-color: white; width: 110px; height: 24px }



ul { margin: 0; padding: 0; list-style: none; width: 110px; /* Width of Menu Items */

 height: 24px; border-color: #77a22e #d4d10f #77a22e #77a22e; }



ul li { position: relative; }

 

li ul {

 position: absolute;

 left: 109px; /* Set 1px less than menu width */

 top: 0;

 display: none;

 }



/* Styles for Menu Items */

ul li a { display: block; text-decoration: none; color: #660; background: #fff; /* IE6 Bug */

 padding: 5px; border-color: #77a22e #d4d10f #77a22e #77a22e; border-style: solid; border-width: 1px; }



/* Fix IE. Hide from IE Mac \*/

* html ul li { float: left; height: 1%; }

* html ul li a { height: 1%; }

/* End */



ul li a:hover { color: #fff; background: #77a22e; } /* Hover Styles */

  

li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

  

li:hover ul, li.over ul { display: block; } /* The magic */



body {

    margin-left: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

}

a:link {

    color: #77a22e;

    text-decoration: none;

}

a:visited {

    color: #77a22e;

    text-decoration: none;

}

a:hover {

    color: #660;

    text-decoration: none;

}

a:active {

    color: #77a22e;

    text-decoration: none;

}