Проблемы с меню

[aimmachine]

a:hover {

 color:#e5964b;
 text-decoration:none; 
 font-weight: 600; 
	text-align: left;
	display:block;
	background: url("/images/menuicon.png")no-repeat; left = 50%;	 
	}

У меня такой код для ссылки "hover". Картинка

/images/menuicon.png

должна появляться слева от текста после наведения курсора, а появляется под ним. Как выравнить ее влево от текста?

http://s54.radikal.ru/i143/1001/bc/d03b660f7dd0.png

[s0rr0w]

background: url("/images/menuicon.png")no-repeat; left = 50%;

Почитайте тут, какая запись правильная.

[gesandte]

background: url("/images/menuicon.png") left no-repeat;

[aimmachine]

background: url("/images/menuicon.png") left no-repeat;

тоже самое получается((

[gesandte]

тоже самое получается((

padding: 0 0 0 30px;

[aimmachine]

а как сделать, чтобы картинка не текст сталкивала, а просто была левее?

Edited January 3, 2010 by aimmachine

[gesandte]

а как сделать, чтобы картинка эта не текст сталкивала, а просто была левее?

а чем паддинг не устроил?

Иначе только вынести картинку вообще отдельно, и использовать float, но это лишний код

Edited January 3, 2010 by gesandte

[psywalker]

а как сделать, чтобы картинка не текст сталкивала, а просто была левее?

http://htmlbook.ru/css/background-position.html

[MC WEST]

Если ты делал через ul li то тегу li при наведении можно задать list-style-image

li#menu:hover
{
list-style-image:url("Тут адрес изображения");
}

Edited January 5, 2010 by MC WEST