I'm a newbie here, but I'm a long time php/html/css developer (10+ years of experience).
I have this problem: I'm working in XHTML1.0 Transitional, in IE 7, 8 and FF 3.
What happens is that having set height:22px both on my INPUT and SELECT elements, the INPUTs are 22px tall, while the SELECTs are just 18px.
Isn't this strange? Whatever the box model is on these elements, shouldn't it be the same on both INPUT and SELECT? While i wouldn't be surprised if i found that height:22px doesn't make them be exactly 22px high, i was expecting them to be of the exact same height, whatever would it be...
I found that if I add -moz-box-sizing:content-box; to the SELECT style, the both appear 22px high, albeit only in FF.
But I don't want to resort to proprietary CSS, also because box.-sizing is not available in IE7...
Any ideas on how to solve this in a cross browser and standard compliant way?