Buttons and font size

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:

Atom RSS


(Add your own)

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:
Can someone confirm this on a Mac also?

2 Posted by ppk on 28 November 2004 | Permalink


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...