When you change the font size of button elements, odd things start to happen in IE Win & Mac, and Mozilla. Of course, each browser has its own take on 'odd things'. The Mozilla problem is solvable.
Test page. Workaround is included.
Reported by ppk.
Explorer 5-6 Windows, Explorer Mac, Mozilla | Reported on 7 November 2004.
This site is no longer maintained. I’m sorry, but it’s just too much work for too little return. You can continue to browse old bug reports, though.
Search reports by browser:
2 Posted by ppk on 28 November 2004 | Permalink
Interesting.
Unfortunately the line-height: 100% doesn't solve the bug in IE Mac.
In fact, it seems as if the uncorrected form in your example is correct! IE Mac shows all texts on the same height in your uncorrected form.
3 Posted by Zach Blume on 30 November 2004 | Permalink
Wow thats odd...
1 Posted by Zach Blume on 28 November 2004 | Permalink
Firefox 1.0 displays the uncorrected versions correctly http://www.emptysnow.com/projects_tests/css/form_input_sizing.gif
I think I have found the Windows IE fix:
http://www.emptysnow.com/projects_tests/css/form_input_sizing.php
Can someone confirm this on a Mac also?