Alinear texto Vertical

[fedefrankk]

Hola gracias por responder, algo estoy haciendo mal, alomejor no va dentro de un <li> o <ul>... lamentablemente ni idea.

mi boton:

Código HTML:

<ul>
<div onclick="home1()" class="home" id="home100"><li>Inicio</li></div>
</ul>
 

MI CSS:

Código CSS:

home {
    list-style:none;
    color:#FFF;
    position:absolute;
    font-family:"Century Gothic", "Century Schoolbook", "Century Schoolbook SWA","Arial";
    font-size:14px;
    vertical-align:middle;
    width:116px;
    height:35px;
    background-image:url(Img_port/home1.jpg);
    top:0px;
    left:139px;}
.home:hover {
    font-family:"Century Gothic", "Century Schoolbook", "Century Schoolbook SWA","Arial";
    font-size:14px;
    background-image:url(Img_port/home2.jpg); cursor:pointer;}
 

No se centra el texto queda arriba...
Muchas gracias.!!!