CSS: centrer verticlament mon text

Bonjour,

Après des heures de recherche sur le net impossible de trouver une réponse adéquat à mon problème, je dois etre un peu neuneu aussi...!

Le problème est que je n'arrive pas en centrer mon texte verticalemnt avec la puce (le texte est soit sur une ligne soit sur deux lignes)
La puce en format gif 40*39px
Voici le css:
#left_content
{
padding-top:20px;
width:170px;
float:left;
padding-bottom:15px;
}

#left_content li
{ color:#222222;
text-decoration:none;
background:url(../images/puce.gif) no-repeat left;
padding-left:30px;
height:50px;

}

#left_content a, #left_content a:visited
{
color:#222222;
text-decoration:none;
font-size: 1.4em;
padding-left:2px;

}

et voici mon code dans l'index (j'utilise joomla):

<div id="left_content" >

<?php if($this->countModules('left')) : ?>
<jdoc:include type="modules" name="left" style="rounded" />
<?php endif; ?>
</div>

Avez vous une réponse??

Merci d'avance

Configuration: Windows Vista
Firefox 3.0.16