<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSSnewbie Example: CSS-Only Dropdown Menu</title>
<style>
/* These styles just pretty up the page a bit. */
body {
   font: 88.5%/1.2 Verdana, Arial, Helvetica, sans-serif;
   background-color: #eee; }
#wrap {
   font-size: 6.3em;
   width: 500px;
   padding: 20px;
   margin: 0 auto; 
   background-color: #fff;
   position: relative; }

/* These styles create the dropdown menus. */
#navbar {
   margin: 0;
   padding: 0;
   height: 1em; }
#navbar li {
   list-style: none;
   float: left; }
#navbar li a {
   display: block;
   padding: 3px 8px;
   background-color: #E7E7FB;
   color: #202020;
   text-decoration: none; }
#navbar li ul {
   display: none; 
   width: 15em; /* Width to help Opera out */
   background-color: #BB578D;}
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: none; }
#navbar li:hover li a, #navbar li.hover li a {
   background-color: #BB578D;
   border-bottom: 1px solid #fff;
   color: #fff; }
#navbar li li a:hover {
   background-color: #BB578D; }
</style>

 
