bt33
asked on
How to remove padding on a submit button?
I'm trying to make a submit button, with an image as background-image, which works perfectly in firefox but in IE6 and 7 there is some padding I can't seem to get rid of.
My HTML code:
<input type="submit" value="" id="submit">
My CSS code:
height:29px;
width:105px;
padding:0;
margin:0;
border:1px;
background-image:url(srchb tn.gif);
Any ideas how to get rid of the padding? IE versions and forms/inputs are always so annoying.
My HTML code:
<input type="submit" value="" id="submit">
My CSS code:
height:29px;
width:105px;
padding:0;
margin:0;
border:1px;
background-image:url(srchb
Any ideas how to get rid of the padding? IE versions and forms/inputs are always so annoying.
ASKER
inline css? display:inline;? doesn't seem to work for me.
ASKER
Now I think of it, the background-image doesn't start at the topleft, I assumed it was padding but maybe the background-image isn't set correctly somehow.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
<input type="submit" value="" id="submit" style="padding: 0px; margin: 0px;">