Hey,
Call me obsessive, but a single pixel does matter. And this is driving me insane.
If I have a normal text input, and I give it the following css styles:
font-size:12px;
line-height:12px;
padding:4px;
border:1px solid #000;
it should be 12 (line height) + 8 (padding top and bottom) + 2 (border top and bottom) = 22 pixels tall (this is visible area, I'm not worried about margins). But it's not!! It comes out at 25 pixels tall.
If this only happened in IE I would dismiss it as IE acting like IE, but it's doing this in all major browsers, so I must be missing something.
Anyone know where those extra 3 pixels are coming from?
Thanks.
