Alinear texto Vertical

[fedefrankk]

Buenas a todos, tengo el siguiente boton.

Código HTML:

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

y Con CSS quiero alinearlo al meddio de la imagen, creo que algo he hecho mal y repetitivo.

codigo CSS:

Código CSS:

.home{
    font-family:"Century Gothic", "Century Schoolbook", "Century Schoolbook SWA","Arial";
    vertical-align:middle;
    position:absolute;
    width:116px;
    height:35px;
    background-image:url(Img_port/home1.jpg);
    background-repeat:no-repeat;
    top:0px;
    left:139px;}
.home:hover{
    vertical-align:middle;
    /*line-height:17px;*/
    font-family:"Century Gothic", "Century Schoolbook", "Century Schoolbook SWA","Arial";
    font-size:13px;
    text-align:center;
    /*line-height:17px;*/
    font-size:15px;
    position:absolute;background-image:url(Img_port/home2.jpg); cursor:pointer;}
 

Asi esta ahora:



Saludos a todos
fede