So far I've tested this only on Windows XP Pro.
It looks to me like Firefox does not observe padding-left:6px;
padding-right:6px; to make a submit button wider than normal, nor does
Safari. IE7 applies padding to the left and right of the button text
correctly. I guess I can use value=" nbsp;SUBMIT " and/or
setting the width and height explicitly, but that just seems like such a
hack. Any other way to target that?
Here is the code I am using:
#submit {
font-size:9px;
text-transform:uppercase;
margin-left:3em;
margin-top:1em;
color:#c5c9b9;
background-color:#625a2f;
border:1px solid #484d3a;
padding-left:6px;
padding-right:6px;
padding-top:2px;
padding-bottom:2px;
}
<input type="submit" value="Submit" name="submit" id="submit"/>
______________________________________________________________________
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/
