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/

Reply via email to