html的<li>里的文字位置向上移动一定的像素，求代码

html的<li>里的文字位置向上移动一定的像素，求代码

代码如下:

$(function () {
$("ul li").hover(function () {
$("ul li").removeClass("liclass");
$(this).addClass("liclass");
})
})

li
{
border: 1px solid #ABC;
display: block;
width: 100px;
height: 50px;
float: left;
margin: 10px;
text-align: center;
}
.liclass{ margin-top:-2px;}

是让图片不动，只移动文字么追问是啊，但是用padding、margin都不行，它不动追答

padding、margin是设置边距的，移动的话可以用定位

position: absolute;
left: 30px;
top: 10px;