ul {
    font-family: Arial, Verdana;
    font-size: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
     z-index:5;
}

ul li { display: block; position: relative; float: left; }
li ul { display: none; }

ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    border-top: 1px solid #ffffff;
    padding: 5px 15px 5px 15px;
    background: #B22B00;
    margin-left: 1px;
    white-space: nowrap;
}

ul li a:hover { background: #b7ae9e; }
li:hover ul { display: block; position: absolute; }
li.submenu ul { display: none; }
li.submenu:hover ul { display: block; position: absolute; top: 0px; }
li.submenu ul li { position: relative; left: 105px; }
li.submenu ul li a { display: block; }

li:hover li { float: none; font-size: 11px; }
li:hover a { background: #b7ae9e; }
li:hover li a:hover { background: #B22B00; }?