Изображения в Баттоне: Странное пространство

Question

Первого результата в Firefox 4 Beta 8:

Button vs Div http://b.imagehost.org/0419/buttonSpace.png

Прежний элемент, показанный является button с img последним является div с img. Как вы можете видеть в первом случае, есть какое-то странное пространство между границей img и границей button. Интересно, как я могу его удалить.

Вот файл CSS:

* { 
    margin: 0; 
    padding: 0; 
} 

button, img, div { 
    border: 1px solid black; 
} 

img { 
    display: block; 
} 

Answer 1

Тестирование вышеприведенного теста в других браузерах показало, что это, вероятно, не проблема с CSS, а ошибка в Firefox. После немного исследований я обнаружил это сообщение об ошибке: Bug 140563 - <button> ignores CSS style padding:0

В этом сообщении об ошибке есть исправление проблемы:

button::-moz-focus-inner {padding:0; border:0} 

Answer 2

Я думаю, что вы должны установить width для div

Answer 3

Похоже, что padding вы просите не применяется. Вы пытались установить его явно на кнопку?