#menu ul
{
 list-style-type: none;
 margin: 0;
padding: 0;

}

#menu ul li
{
  display: inline;
  float:left;
  width:100px;
  text-align:center;
    background-image: url(images/menu-button-background.gif);

}





.menu
{
						position:relative;
						float: left;
						margin: 0;
						padding: 0;
						background: url(images/menu-button-background-over.gif) no-repeat;
						width: 100px;
						height: 20px;
            overflow:hidden;/* for ie to hide extra height*/
			}
			
.menu span
{
cursor:pointer;
left:0px;
margin:0px;
padding:0px;
position:absolute;
text-align:center;
top:3px;
width:100px;
}

.menu a {
              text-transform:uppercase;
              text-decoration: none;
              font-family:verdana;
              color:white;
              font-size:70%;
              display: block;
						  width: 100px;
						  height: 20px;
						  display: block;
						  float: left;
					   	text-decoration: none;
						  overflow:hidden;/* for ie to hide extra height*/
			}
.menu a:hover {

						color:yellow;
			}


.menu img {width: 100px; height: 20px; border: 0; }

.menu a:hover img{visibility:hidden}