.menulist, .menulist  ul {
 margin: 0;

 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.5.1em; margin-top: 0px; /* I'm using ems and px to allow people to zoom their font */
 
 
}



/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 
 margin-top: 0px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */


.menulist a {
 display: block;
 padding: 0px;
 
 text-decoration:  none;
}