Adeel Ejaz Reporter
	Description • 14 years ago

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.0; en-GB; rv:1.9.2.4) Gecko/20100611 Firefox/3.6.4 GTB7.1 (.NET CLR 3.5.30729)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-GB; rv:1.9.2.4) Gecko/20100611 Firefox/3.6.4 GTB7.1 (.NET CLR 3.5.30729)

When applying CSS to <button> element, there seems to a "fixed" padding between the button element and the content in the button. This occurs even if there the padding is set to 0 for the button element.

Reproducible: Always

Actual Results:  
http://img15.imageshack.us/img15/7505/snap1ny.png

There are "gaps" as shown by "black" between the two borders (gray and white). All elements have padding and margin set to 0.

Expected Results:  
http://img532.imageshack.us/img532/7423/snap2f.png

The only possible hack to make it work is: 

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

	j.j.
	Comment 1 • 14 years ago

This is a known bug.