Как сместить текст у тега «a»?

Question

[Way]

Делаю меню для сайта и возникла проблема, текст находится над табличкой, а должен находится на табличке. Пытался сместить с помощью padding-top, но толку ноль. Я так полагаю всё осложняет тег "A"?

Сам код:

.gli {
	height: 64px;
	margin-top: -10px;
	background: url(../images/bloc5.png) no-repeat; list-style: none;
	font-size: 17px;
	font-weight: bold;
	color: #f8e9c0;
	text-shadow: 1px 1px 0 #5f3919;
}
a {color: #f8e9c0; padding-left: 24px;}
a:hover {color: #F7DD96;}

<div class="gdiv">
    <ul>
       <li class="gli"><a href="/s-zapahom/">Цветы с запахом</a></li>
    </ul>
</div>

Answer 1

[Alex]

Задайте тегу а line-height равное высоте картинки фона.

Comments

[Way]

Спасибо, помогло. Вот ещё такой вопросик, а можно ли как нибудь задать стиль определённому тегу "a", а не всем? Кроме того, чтобы каждый раз для "a" вводить class="1"

[Alex]

Если тег размещен в каком то определенном контейнере то можно задать класс типа:
.класс_контейнера а {}

[Way]

Ага, понятно. Кстати, возникла проблема, почему то в IE не отображается моё меню, в чём может быть проблема?

[Alex]

Юрий Андрианов: с IE постоянно глюки. На IE 6,7 уже не обращают внимания. А для 8 и выше нужно смотреть конкретно по свойствам. htmlbook.ru тут расписано какими браузерами что поддерживается.

[Way]

Спасибо. Больше вопросов нет.

Answer 2

[mramor]

Чтобы можно было адекватно экспериментировать опубликуйте код куда-нибудь, типа codepen.io

я бы начал с line-height

Answer 3

[Сергей Шилов]

a {display: block;}