183335 - Can't remove whitespace around image in <BUTTON>

Status: RESOLVED DUPLICATE of bug 140562

(Core :: Layout: Images, Video, and HTML Frames, defect)

Description

[Anthony M Humphreys]

User-Agent:       Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; YComp 5.0.2.6)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.2.1) Gecko/20021130

I was aiming for x-browser compatible buttons, and I found that I could NOT 
remove extra space added by the button tag <BUTTON> when it contains an image. 
in this example, the LIME border never leaves the image
<A HREF="about:blank"><BUTTON STYLE="background-color: lime; padding: 0px; 
marging: 0px; border: none 0px" TYPE="SUBMIT"><IMG 
SRC="images/nav_indexbutton.gif" WIDTH="69" HEIGHT="23" BORDER="0" 
NAME="nav_indexbutton" VALUE="index"></BUTTON></A>

Reproducible: Always

Steps to Reproduce:
1. Use this code:
<A HREF="about:blank"><BUTTON STYLE="background-color: lime; padding: 0px; 
marging: 0px; border: none 0px" TYPE="SUBMIT"><IMG 
SRC="images/nav_indexbutton.gif" WIDTH="69" HEIGHT="23" BORDER="0" 
NAME="nav_indexbutton" VALUE="index"></BUTTON></A>
Actual Results:  
The lime green border never goes away.

Expected Results:  
No lime green border, no extra whitespace around the button.

Comment 1

[HARUNAGA Hirotoshi]

dup of Bug 140562.

Comment 2

[Boris Zbarsky [:bzbarsky]]

*** This bug has been marked as a duplicate of 140562 ***