Hi,
I've got a problem with a button element containing an image. This is the html:
<button type="submit">
<img src="button.gif" width="22" height="22" alt="Go"/>
</button>
And this is the css:
button {
padding: 0;
background: aqua;
border: none;
width: 22px;
height: 22px;
}
button img {
margin: 0;
}
The problem is that, although I specify a 0 padding for the button and
a 0 margin for the image, it seems that the image has a margin, as if
it was a couple of pixels moved to the right. Therefore, the
background of the button is visible, and the img is cropped.
Is there any workaround to solve that?
Thanks.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/