Alineacion vertical de un texto (parrafo) dentro de un enlace

[Mr_Raymon]

Hola a todos.

Tengo un pequeño problema que no consigo resolver. Estoy intentando colocar un texto de forma centrada verticalmente.

Asi lo quiero hacer (diseño creado en Photoshop).



Asi queda en HTML.



El codigo del enlace es asi:

Código HTML:

<a href="#" class="firma">
        <ul>
        <li class="img_firma"><img src="img/firmas/instrumentacion/akcp.jpg" alt="AKCP"/></li>
        <li class="inf_firma"><p>Equipos de Vigilancia de Parámetros Ambientales y envío de alarmas a través de la web.</p></li>
        </ul>
</a>
 

Código CSS:

.firma {float:left; border-bottom:dotted 1px #000; padding:25px 0px; margin:0px 30px; text-decoration:none; width:870px; color:#000; cursor:pointer; _margin:0px auto; _padding:0px 35px; }
.firma p {padding:0px; line-height:22px; display: table-cell; vertical-align: middle; width: 100%;}
.firma:last-child {border-bottom:none;}
.img_firma {float:left; width:225px; padding-right:40px; text-align:center;}
.inf_firma {float:left; width:575px;}
 

Como podeis ver el tamaño de la imagen es diferente y me gustaria que el texto estuviera centrado de forma vertical aunque el tamaño de la imagen cambie.

Saludos y Gracias.