#menu{
background: red;
height: 20px;
width: 125px;
padding: 2px;
margin: 0px;

}

.menu ul{
font: bold 13px arial;
padding-left: 0px;
margin-left: 0px;
height: 20px;
width: 125px;
}

.menu ul li{
list-style: none;
display: inline;
}

.menu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: white;
background-color: gray;
border: 2px solid white;
width: 125px;
}

.menu ul li a:hover{
background-color: black;
border-style: outset;
width: 125px;
}

html>body .menu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}