CSS:Преместване на линк с един px нагоре

[Harry_Potter_]

Имам следния CSS клас:

.mcitem{
background-image:url('style/images/item.png');
background-repeat:no-repeat;
width:178px;
height:15px;
padding-left:26px;
padding-bottom:1px;
font-size: 14px;
}

Който визуализирам по следния начин:

<div class="mcitem"><a href="#">Начало</a></div>

Въпросът ми е как да напратя така, че линкът да излиза един px по-нагоре защото така линкът е "закотвен" за дъното на картинката и не стой много добре.Ето пример:

Идеята ми е този текст "Франция" да се измести с 1-2px нагоре.

 

[emagi]

.mcitem{
background-image:url('style/images/item.png');
background-repeat:no-repeat;
width:178px;
height:13px; /*намаляваш с 2px */
padding-left:26px;
padding-bottom:3px; /* увеличаваш с 2px */
font-size: 14px;
}

 

[Harry_Potter_]

Няма промяна.

 

[hrischo]

.mcitem{
background-image:url('style/images/item.png');
background-repeat:no-repeat;
width:178px;
line-height:15px;
padding-left:26px;
padding-bottom:1px;
font-size: 14px;
}

 

[shterev]

.mcitem{
position:relative;
margin-top:-1px;
background-image:url('style/images/item.png');
background-repeat:no-repeat;
width:178px;
height:15px;
padding-left:26px;
padding-bottom:1px;
font-size: 14px;
}

 

[tahys]

Махаш padding-bottom и слагаш line-height: 15px и застава в средата ;-)