#list-menu { position: relative; top: 30px; left: 12px; width: 130px; height: auto; float: left; clear: both;
/* this width value is also effected by
the padding we will later set on the links.	*/
}

#list-menu ul { margin: 0; padding: 0; list-style-type: none; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }

#list-menu li {
margin: 4px 0 0 0;
}

#list-menu a { display: block; width:120px; background: #f00; text-decoration: none; padding: 2px 2px 2px 4px; border-color: #000000; /*lets remove the link underlines*/
}

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #fff;
}

#list-menu a:hover { background: #333333; color: #ffffff; border-color: #000000; }