I'm having an issue with my form elements - specifically a text input and a submit button. I want them to display inline, but the submit button is appearing slightly above the input field. I tried placing both elements in a div and setting their maximum height to be the same, but that didn't solve the problem. Here is my code and CSS: the button has a height of 29px and they should be inline.
<div class="submit_form">
<input type="text" name="unique_code" class="unique_code"/>
<input type="image" name="submit_btn" src="/imgs/submitbg.png"/>
</div>
.submit_form{
height:30px;
}
.unique_code{
background-color:#000;
border: 1px solid #e31e25;
width:250px;
height:25px;
color:#fff;
}