Im trying to style a button with this:
button.plusone { width: 3.5em; padding: 3px 0 3px 0; text-align: center; }
Using the following css reset:
button {margin:0;padding:0;}
button {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
button {*font-size:100%;}
In Safari and Firefox looks fine, but in Internet Explorer 6 and 7 looks too tall.
Safari, good saf http://img190.imageshack.us/img190/1954/safay.png
MSIE6, bad msie http://img693.imageshack.us/img693/8300/75657632.png
Is this a known bug? How can I fix it? Thanks!
in the end I decided to do it as a link and display:inline-block