#mainlevel-down, #mainlevel-down ul { padding: 0px; margin: 0px; list-style: none; text-align: left; float:right; } #mainlevel-down ul { width: 108px; overflow: hidden; background-color: #000000; border: 1px solid #FFFFFF; background: url(../images/headmenu_left.gif) bottom left no-repeat; background-repeat: repeat-x; background-position: 0px 0px; } #mainlevel-down a { font-weight: normal; height: 20px; display: block; padding-left: 51px; padding-right: 10px; text-decoration: none; color: #074097; background: url(../images/headmenu_right.gif) bottom right no-repeat; margin-left: 5px; } #mainlevel-down a:before { content: url(../images/headmenu_left.gif); } #mainlevel-down li { float: right; width: auto !important; width: 5%; font-size: 10px; height: 20px; line-height: 20px; white-space: nowrap; background: url(../images/headmenu_left.gif) bottom left no-repeat; margin-right: 1px; } /** * Hide the submenus */ #mainlevel-down li ul { position: absolute; width: 108px; left: -2000px; } /** * Show the submenus on mouse-over (.hover class) */ #mainlevel-down li:hover ul { left: auto; } /** * IE fix ... Javascript Fix */ #mainlevel-down li.sfhover ul { left: auto; } a.sublevel-down { font-weight: normal; height: 20px; display: block; padding-left: 51px; padding-right: 10px; text-decoration: none; color: #074097; background: url(../images/headmenu_right.gif) bottom right no-repeat; margin-left: 5px; } a.sublevel-down:hover, a.sublevel-down#active_menu { left: auto; }