Hola, te doy una pista de cómo hacerlo:
Código:
ul {
list-style: none;
margin: 0px;
padding: 0px;
}
li { margin: 0px;
padding: 0px;
display: inline;}
a {
height:100px;
width:180px;
display: block;
float: left;
background: #990;
text-align: center;
padding-top: 50px;
}
a:hover { background: #900; }
HTML:
<ul>
<li><a href="#">link1</a></li>
<li><a href="#">link2</a></li>
<li><a href="#">link3</a></li>
</ul>