Déplacé le texte par rapport à une image

Dans le tuto: crétion d'un design étape par étape
http://css.alsacreations.com/xmedia/exemples/design_css/etape3.html
on utilise ce CSS pour le titre h2 :

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(little_apple.gif) no-repeat left bottom ;
	color: #9b2 ;
	border-bottom: 1px solid #9b2 ;
}

J'ai voulu le reproduire mais avec une image plus grande.
J'ai donc utilisé :

	line-height: 55px ;

pour que l'image apparaisse en entier. Cependant le texte est affiché trop haut maintenant. Il est au niveau du haut de l'image et non du bas. Comment mettre le texte du h2 pour qu'il soit positionné normalement, c'est à dire juste au dessus du soulignement et pas 20 px au dessus.

merci d'avance pour votre aide ...

C'est bin, j'ai reussi.
Un simple background: url(little_apple.gif) no-repeat left TOP ;
avec un line-height plus petit et C ok !