FF & IE7 Text box padding

[asa_carter]

Hi

I am trying to align an image as a submit button next to a text box that contains some padding but there is always a 1px difference between IE and FF.

What would be the correct way to get it to render correctly in both browsers?

input {
font-size:11px;
color:#333333;
}

.search_box {
border:#d39f7b solid 1px;
padding-top:2px;
}

<form>
<table cellpadding="0" cellspacing="0">
<tr>
<td><input name="search" class="search_box" type="text" size="25" /></td>
<td><input type="image" src="images/search.gif" alt="Search" /></td>
</tr>
</table>
</form>

[boogyman]

What would be the correct way to get it to render correctly in both browsers?
Don't look at both browsers? haha.
IE and Firefox render pixels differently, which is why its always to avoid explicit pixel definitions as much as possible.

[asa_carter]

Doesnt seem to like % either.

Seriously though there must be a way to to it - apart from using an alternative stylesheet hack.

[boogyman]

Doesnt seem to like % either.

Seriously though there must be a way to to it - apart from using an alternative stylesheet hack.

only way is to use a Mod designed specifically for IE and one designed specifically for standardized browsers.

welcome to work that is Micro$haft