#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
width: 15em; /* width needed or else Opera goes nuts */
}

#navlist li a
{
padding: 0.25em 0.5em 0.25em 0.75em;
border-width: 0.1em 0.2em 0.2em 0.75em; 
border-style: solid;
border-color: #990019;
background: #FAEFD2;
text-decoration: none;
}

#navlist li a:link { color: #CC0000; }
#navlist li a:visited { color: #330000; }

#navlist li a:hover
{
border-color: #000;
color: #FEF3D3;
background: #660000;
}

/* test IE workaround below. Fucking IE!!! */
li > ul {
	top: auto;
	left: auto;
	}

/* To make a second-level list appear when its parent list item is “rolled over,” we simply need to add the following:  */

li:hover ul, li.over ul{ display: block; }