There seems to be an issue with the text alignment in my submission form input field, as the text appears a few pixels too low. This is causing certain letters like y, q, and j to bleed below the box in Chrome and only partially show in IE 8. To fix this problem, I need the text to display slightly higher in the input field, or adjust the height of the input field itself.
Does anyone know how I could achieve either of these solutions?
Thank you in advance,
John
The code snippet for the input field:
<div class="submissionfield"><input class="checkMax3" name="title" type="title" id="title" maxlength="80"></div>
The corresponding CSS:
.submissionfield
{
position:absolute;
width:550px;
left:30px;
top:230px;
text-align: left;
vertical-align:text-top;
margin-bottom:10px;
padding:2px;
font-family: "Times New Roman", Times, serif;
font-size: 22px;
color:#000000;
}