Alinear <button> css

[CeKiT]

Hola, mira lo puse asi pero sigue sin alinearse.

Código HTML:

<ul>
<li style="list-style:none; float:left;">
<button style="height:65px; width:270px; text-align:left; background: url('../img/icon/servidor.png') 12px no-repeat;"><span style="color:#000; text-align:left; padding-left:40px; font-weight: bold;">Servidor</span><BR><span style="font-size:11px; padding-left:40px; color:#1d1d1d;">Enciende, Apaga y Reinicia tu servidor.</span></button>
</li>
 
<li style="list-style:none; float:left;">
<button style="height:65px; width:270px; text-align:left; background: url('../img/icon/config.png') 12px no-repeat;"><span style="color:#000; text-align:left; padding-left:40px; font-weight: bold;">Configuracion</span><BR><span style="font-size:11px; padding-left:40px; color:#1d1d1d;">Configuracion basica de tu servidor.</span></button>
</li>
 
<li style="list-style:none; float:left;">
<button style="height:65px; width:270px; text-align:left; background: url('../img/icon/firewall.png') 12px no-repeat;"><span style="color:#000; text-align:left; padding-left:40px; font-weight: bold;">Firewall</span><BR><span style="font-size:11px; padding-left:40px; color:#1d1d1d;">Administra los bloqueos.</span></button>
</li>
 
</ul>
 

gracias