Ли изображение смещено

Question

Есть ли способ переместить изображение в положение, в котором использовалось свойство backgorund-image? У меня есть этот элемент в моем CSS, и вы увидите из изображения, что стрелки не выровнены по тексту. мне нужно переместить их вниз? большое спасибо

захват:

http://img143.imageshack.us/i/ie7listimage.png/

CSS

.footerTextContent
    {

            width:250px;
            height:400px;
            float:left;
            font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #fff;
            font-weight: normal;
            padding: 10px 0 0 28px;
            list-style-image:url('../images/tick.png');
            line-height: 30px;
            text-align:justify;

    }

ОБНОВЛЕННЫЙ КОД

HTML

<div class="footerTextContent">
          <ul>

            <li><a href="#">Some domain</a></li>
            <li>Some domain</li>
            <li>Some domain</li>
            <li>Some domain</li>
            <li>Some domain</li>
          </ul>

        </div>

CSS

.footerTextContent
    {

            width:250px;
            height:400px;
            float:left;
            font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #fff;
            font-weight: normal;
            padding: 10px 0 0 28px;
            line-height: 30px;
            text-align:justify;

    }

.footerTextContent li
    {
            padding: 0 0 0 15px;
            background-image:url(../images/tick.png);
            background-position: left 7px;
            background-repeat: no-repeat



    }

Answer 1

Вместо использования

list-style-image:url('../images/tick.png');

на <ul> имеют изображения в качестве фонового изображения на <li> напрямую

.footerTextContent li {
    background-image: url('../images/tick.png');
    background-repeat: no-repeat;
    background-position: left 5px;
}

Вы можете изменить верхнюю позицию изображения для своих нужд.

Answer 2

Либо отредактируйте само изображение и добавьте немного высоты пустого пространства над ним, в противном случае вам придется обернуть текст в div и использовать что-то вроде

position:relative;
top:-2px;

или

margin-top:-2px;


<li>hello</li> //no good
<li><div>hello</div></li> //better