I can't get line-height on a text input to work on Firefox 3.5.8/(Mac). Works flawlessly on:
- IE6
- IE7
- IE8
- FF3.6/PC
- FF3.6/Mac
- Safari
Test code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>asd</title>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css" />
</head>
<body>
<input type="text" value="Hello" style="line-height:50px;height:50px;font-size:16px;" />
<input type="text" value="Hello" style="padding:17px 0;font-size:16px;" />
</body>
</html>
Is there an alternate solution or any idea how to fix this?
Edit: Updated the test code, to compare line-height vs. padding technique. Padding works on all above browsers except IE8. Whaat?
I can't test on FF/3.5.8 anymore, could someone please report the result from this browser on any plattform?
I'm now thinking this is a Firefox 3.5.8 issue, plattform independent.