#navi{
display:block;
margin:0;
padding:0;
list-style:none;
background:#4B0082;
height:2em;
text-align:left;
}
#navi li{
list-style:none;
float:left;
width:145px;
margin:0;
padding:0;
position:relative;
color: #ffffff;
}
#navi a{
display:block;
padding:0 0.5em;
line-height:2em;
text-decoration:none;
color: #ffffff;
}
#navi ul{
display:none;
position:absolute;
right:0;
top:2em;
width:145px;
height:auto;
margin:0;
padding:0;
background:#4B0082;
overflow:hidden;
}
#navi li:hover ul, #navi li.over ul{
display:block;
}
#navi li > ul{ /* Fixes Opera */
top:auto;
}
#navi ul li{
float:none;
left:-1em; /* Fixes IE5.x */
}
#na\vi ul li{ /* For others than IE5.x */
left:0;
}
#navi ul a{
display:block;
line-height:normal;
padding:0.3em 0.5em;
border-top:1px solid #2b3ea8;
}
#navi a:hover{
background:#9370DB;
color:#ffffff;
}