Botones CSS

[codek_orz]

Hola buenas tengo un problema con los botones de esta web www.liberartumovilenalicante.com como veis salen descolocados, quiero que se ajusten al div negro que hay de fondo. No se porqué motivo se hechan para arriba. El código es el siguiente

Código HTML:

<div class="menu2">
<a href="index.php" class="button">Inicio</a>
<a href="noticias.php" class="button">Noticias</a>
<a href="modelos.php" class="button">Modelos</a>
<a href="conocenos.php" class="button">Conocenos</a>
</div>
 

Código CSS:

.menu2 {
    background-color:#000;
    width: 800px;
    height:50px;
    margin-left:auto;
    margin-right:auto;
}
.button {
   border-top: 1px solid #666666;
   background: #cccccc;
   background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc));
   background: -webkit-linear-gradient(top, #999999, #cccccc);
   background: -moz-linear-gradient(top, #999999, #cccccc);
   background: -ms-linear-gradient(top, #999999, #cccccc);
   background: -o-linear-gradient(top, #999999, #cccccc);
   padding: 12px 25px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #0099cc;
   background: #0099cc;
   color: #ffffff;
   }
.button:active {
   border-top-color: #999999;
   background: #999999;
   }
 

Además, no me funcionan en IE, y se supone que estan con valores para cuando detecta IE, porque los webkit son para IE ¿no?... Bueno espero respuesta, un saludo y gracias!