Не получается нормально приделать фон к ссылке

[goodguy]

Всем привет,

Возникла проблема, которую не могу решить уже несколько дней. Есть ссылки, к которым я хочу привинтить фон так, чтобы получилась кнопка.

Вот так это выглядит сейчас:

Вот сам файл из которого копируется фон:

И вот CSS код, описывающий всю эту хрень.

@CHARSET "UTF-8";

.pcb, .pcb span {
	background: url('../images/header/buttons/header-button.png') no-repeat;
	line-height: 29px;
	padding: 4px 5px 7px 5px;
	font-size: 14px;
}

.pcb, a.pcb:link, a.pcb:visited {
	color: #ffffff;
	font-size: 14px;
	padding-left: 14px;
	text-decoration: none !important;
}

* html div#frame .pcb {
	color: #333;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}

*:first-child+html .pcb {
	color: #ffffff;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}

.pcb span {
	background-position: right -29px;
	padding-right: 14px;
}

a.grey-button, a.grey-button:link, a.grey-button:visited {
	color: #797979 !important;

}
a.grey-button:hover {
	background-position: left -58px;
}
a.grey-button:hover span {
	background-position: right -87px; /* Right side of the button, moves bg vertically upside */
}
a.grey-button:active {
	background-position: left -58px;
}
a.grey-button:active span {
	background-position: right -87px;
}

А вот так "кнопка" встраивается в HTML

<table>
<tr>
<td>
      <div class='GreyButton' id='LoginButton'>
		<a href='javascript:document.login_form.submit();' class='grey-button pcb'>
			<span>$login</span>
		</a>
	</div>
</td>
</tr>
</table>

Что тут нужно поменять, чтобы кнопка выглядела нормально?

Edited July 2, 2012 by goodguy

[Ergonav]

Не проще вырезать полностью картинку и использовать её, чем собирать констуктор

Зачем делать велосипед?

Edited July 2, 2012 by Ergonav

[goodguy]

Репутация: -7 (Обычная)

Не удивительно, с такими-то советами...

Нет не проще. Мне нужны не уродливые кнопки одинакового размера с разной длиной надписей, а красивые с одинаковыми отступами по бокам от надписи.

Но я уже нашел проблему. Она была в переопределении свойства span в другом css файле, убрал span оттуда и все вернулось на круги своя.