Botones con css

[Pr0Exp]

Hola

Estoy intentando crear un menú con css pero no me acabao de salir.
Como puedo hacer para que me salgan los botones cuadrados uno debajo del otro y que todos tengan la misma longitud?

Código CSS:

ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 200px;
  height:150px;
}
 
.button{
    background:#0D98FB; 
    background-image: -webkit-linear-gradient(top,#0D98FB,#1A5DB3);
    background-image: -moz-linear-gradient(top,#0D98FB,#1A5DB3);
    background-image: -o-linear-gradient(top,#0D98FB,#1A5DB3);  
    background-image: linear-gradient(to bottom,#0D98FB,#1A5DB3);   
    border: 1px solid #125CB5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;  
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #71C0FD inset;
    -webkit-box-shadow: 0 1px 1px #71C0FD inset;
    -o-box-shadow: 0 1px 1px #71C0FD inset; 
    box-shadow: 0 1px 1px #71C0FD inset;
    /*padding: .8em 1.8em;*/
    color: white;
    font-weight:normal;
    text-decoration:none;
}
.button:hover {
    background:#B3FB0D;
    background-image: -webkit-linear-gradient(bottom,#0D98FB,#15498C);
    background-image: -moz-linear-gradient(bottom,#0D98FB,#15498C);
    background-image: -o-linear-gradient(bottom,#0D98FB,#15498C);   
    background-image: linear-gradient(to top,#0D98FB,#15498C);
    cursor: pointer;
}
 

Código HTML:

<ul>
            <li><a title="t1" class="button" href="empresa.php">            T1</a></li>
            <li><a title="T2" class="button" href="empresa.php">T2</a></li>