This textbox seems to have a top and bottom padding that I can't get rid of. Here is the source. The textbox and cells have a height of 19 px so everything should fit tight. There shouldn't be any space above or below the textbox. I colored the cells to show this and there shouldn't be any pink showing above or below the textbox.
Thanks in advanced for any suggestions you may have
<html>
<head>
<title></title>
</head>
<style type="text/css">
<!--
.txtMain {font-size:11px; font-family: Verdana; border: 1px solid #7F9DB9; height:19px; margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;}
TD {font-size: 8pt; font-family: Verdana; height:19px;}
TH {font-size: 8pt; font-family: Verdana; height:19px;}
-->
</style>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="300" bgcolor="#F7FDAC" >
<tr bgcolor="#EFAB18">
<td align="right">E-mail: </td>
<th align="left" bgcolor="#18EF18">[email protected]</th>
</tr>
<tr bgcolor="#18ECEF">
<td align="right">First Name:</td>
<td valign="top" bgcolor="#F900BC">
<input type="text" id="FirstName" name="FirstName" value="Noel" class="txtMain"></td>
</tr>
</table>
</body>
</html>