Image In Button: Strange Space

First the result in Firefox 4 Beta 8: Button vs Div http://b.imagehost.org/0419/buttonSpace.png The former element shown is a button with an img the latter is a div with an img. As

Solution 1:

Testing the above testcase in other browsers has shown that this probably isn't a CSS issue but a bug in Firefox. After a little bit of research I found this bug report: Bug 140563 - <button> ignores CSS style padding:0

In that bug report there is a fix for the problem:

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

Solution 2:

I think you have to set a width for the div

Solution 3:

It looks like the padding you're asking for is not being applied. Have you tried setting it explicitly on the button?