.menu, .menu2 {
z-index : 1000;
font-size : 90%;
}
.menu ul, .menu2 ul {
padding : 0;
margin : 0;
list-style-type : none;
width : 100%;
}
*.menu li, .menu2 li {
position : relative;
background : #dd0000;
height : 26px;
}
*.menu table, .menu2 table {
position : absolute;
border-collapse : collapse;
top : 0;
left : 0;
z-index : 100;
font-size : 1em;
}
.menu a, .menu a:visited, .menu2 a, .menu2 a:visited {
display : block;
text-decoration : none;
height : 25px;
line-height : 25px;
width : 150px;
color : white;
text-indent : 3px;
border : 1px solid white;
border-width : 0 1px 1px 0;
border-bottom : 1px solid black;
border-top : 1px solid black;
border-right : 1px solid black;
font-family : "Arial";
font-size : 13px;
}
.menu :hover > a, .menu2 :hover > a {
color : white;
background-color : #0000cd;
}
*.menu ul ul {
visibility : hidden;
position : absolute;
top : 0;
left : 150px;
}
*.menu2 ul ul {
visibility : hidden;
position : absolute;
top : 0;
right : 151px;
}
.menu ul li:hover ul, .menu ul a:hover ul, .menu2 ul li:hover ul, .menu2 ul a:hover ul {
visibility : visible;
border-left : 1px solid black;
}
.menu ul :hover ul ul, .menu2 ul :hover ul ul {
visibility : hidden;
}
.menu ul :hover ul :hover ul ul, .menu2 ul :hover ul :hover ul ul {
visibility : hidden;
}
.menu ul :hover ul :hover ul, .menu2 ul :hover ul :hover ul {
visibility : visible;
}
.menu ul :hover ul :hover ul :hover ul, .menu2 ul :hover ul :hover ul :hover ul {
visibility : visible;
}
* + html .menu li{
float : left;
}

* + html .menu2 li {
float : right;
}