.menu{
position: absolute;
top: 28%;
left: 0;
width: 14%;
list-style-type: none;
}

.menu li a{
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
color: #821f11;
background-color: #F3F3F3;
text-decoration: none;
border: 2px outset #e6e6e6;
font: bold .8em Droid Sans;
}
.menu li a:hover{
color: black;
background-color: #ffcd9c;

}

html>body .menu li a:active{
border-style: inset;
}

.menu li a span{
     display: none;
}

.menu a:hover span{
     position: absolute;
     left: 112%;
     width: 100%;
     padding: 10px;
     background-color: snow;
     display: block;
     color: #ff0000;
     font: bold .9em Droid Sans;
     text-align: center;
     border: 2px solid;
     z-index: 9999;
}

a:link
{
color: blue;
text-decoration: none;
font-weight: bold;
}

a:active
{

text-decoration: none;

}

a:visited
{

text-decoration: none;

color: blue;
}

a:hover
{
color: red;
text-decoration: none;
}