Как убрать смещение фона нажатой кнопки в ИЕ?

[LightOfMooN]

Есть кнопочка

<input type="button" id="up">

Есть соответствующий стиль:

input#up {
	width: 30px;
	height: 20px;
	background: url(++resource++images/arrow_up.png) no-repeat scroll center center transparent;
	border: none;
}
input#up:active {
	background: url(++resource++images/arrow_up_pushed.png) no-repeat scroll center center transparent;
}

Везде кроме IE работает нормально.

В IE же фон кнопки при нажатии смещается.

Как это убрать?

Edited October 16, 2010 by LightOfMooN

[psywalker]

Дай ссылку чисто с примером.

[LightOfMooN]

Пожалуйста

http://lightofmoon.nxt.ru

Похоже, смещается не столько фон, сколько сама кнопка

[psywalker]

Пожалуйста

http://lightofmoon.nxt.ru

Похоже, смещается не столько фон, сколько сама кнопка

Где там кнопка?

[LightOfMooN]

Она там одна единственная

с изображением корзины для супермаркета

[sigma77]

Она там одна единственная

с изображением корзины для супермаркета

Так у тебя там одно состояние задано, как для обычного, так и для активного (в отличие от стилей, приведенных тобой выше)... что смещается-то?

[psywalker]

Сделай в кондишнл комместах для ИЕ при нажатии марджин левый: -2пк. и верхний можешь если нужно будет.

[LightOfMooN]

Читайте внимательно 1й пост:

В IE же фон кнопки при нажатии смещается.

Что непонятного в вопросе?

Без разницы, какой фон установлен.

IE зачем-то двигает кнопку, когда на неё нажимают (IE 8.0 как минимум)

Вопрос: как сделать, чтобы он этого не делал?

Edited October 16, 2010 by LightOfMooN

[psywalker]

Вопрос: как сделать, чтобы он этого не делал?

Никак, это по умолчанию стоит. Поэтому я и предложил обходной путь.

[LightOfMooN]

Можно попродробней, как?

Попробовал вот так, но IE игнорит:

	// margin: -2px 0 auto -2px;

Не добавлять же новую стилевую таблицу в кондишне html

Edited October 16, 2010 by LightOfMooN

[psywalker]

Не добавлять же новую стилевую таблицу в кондишне html

А почему бы и нет? Ведь можно добавить всего несколько правил специально для ИЕ.

[LightOfMooN]

Просто потом где-то что-то в одном месте изменять и вспоминать, писался ли для этого места хак под ИЕ, или нет..

Но, похоже, ничего не поделать. Придётся множить файлы css..

Спасибо)

Edited October 16, 2010 by LightOfMooN

[sigma77]

LightOfMooN,

А как насчет

<input type="image" src="image.jpg" />

ну или просто

<a href="#" id="id"><img src="image.jpg" alt="" /></a>

Edited October 16, 2010 by sigma77