#fancymenu {
position: relative;
height: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
margin: 0px;
margin-top: -12px;
overflow: hidden;
margin-bottom: 5px;
}

#fancymenu ul {
padding: 0;
margin: 0;
}

/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#fancymenu ul li {
float: left;
list-style: none;
}

#fancymenu ul li a {
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
color: #000;
font-size: 16px;
text-decoration: none;
z-index: 10;
padding: 20px;
height: 20px;
position: relative;
overflow: hidden;
}



#fancymenu li.background {
position: relative;
top: 5px;
background: url('/images/moomenu/bg_menu_right.png') no-repeat top right !important;
background: url('/images/moomenu/bg_menu_right.gif') no-repeat top right;
z-index: 8;
position: absolute;
visibility: hidden;
}

#fancymenu .background .left {
background: url('/images/moomenu/bg_menu.png') no-repeat top left !important;
background: url('/images/moomenu/bg_menu.gif') no-repeat top left;
height: 30px;
margin-right: 12px; /* 7px is the width of the rounded shape */
}