Почему я не могу увидеть эту кнопку изображения на IE8 с этим CSS?

Question

Итак, это HTML-код для кнопки

<input type="submit" name="logueo" value="log" id="sendbu"/>

А это стиль CSS

#sendbu     { width: 50px; height: 34px; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; background: transparent url(lock.png) no-repeat center top; border: 0;   text-indent: -1000em; cursor: pointer; cursor: hand; }

Все это работает в Chrome и Firefox, но в IE швы кнопок не существуют. Спасибо за помощь.

Answer 1

@ domingo, почему text-indent - 1000em, т.е. выполняет другой расчет отрицательных полей, попробуйте удалить это и проверить один раз

Answer 2

font-size: 0; иногда работает.Я уверен, что есть сайты, которые используют отрицательный отступ, который работает в IE.

Answer 3

Попробуйте: background: transparent url(lock.png) center top no-repeat;, а также свойства 'name' и 'id' должны совпадать, разные версии браузера по-разному используют имя.