Problem with Text Field height in Firefox

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

I'm running Firefox version and when I load an html file
containing the code shown below, although both the text field and the
button are defined as 24 pixels in height, the text field is displayed
30 pixels tall.  In  Internet Explorer they display as specified.

Any ideas why Firefox is adding 6 pixels to the height of the text

- MB

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" ">
<html xmlns=" ">

<input type="text" size="10" id="form1:textField1"
name="form1:textField1" class="TxtFld" style=" height: 24px; left:
20px; top: 80px; position: absolute; width: 220px" value="" />

<input id="form1:button1" name="form1:button1" class="Btn2"
style="height: 24px; left: 250px; top: 80px; position: absolute; width:
70px" type="submit" value="Search">


Site Timeline