Cant get rid of gap in IE

programming web dev
1

my page is here --> http://dopserv1.com/hosted/army/

the problem only exists in IE…firefox it displays fine. My search area is spaced perfectly.

If you look at it in IE, their is a big gap. I cant figure out why. Its being displayed through PHP, but you can get an idea of what the HTML looks like for that area:

<?php
echo "<span class=\"searcharea\"><form id=\"form1\" name=\"form1\" method=\"post\" action=\"\">
  <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
    <tr>
      <td width=\"230\"><input class=\"formsearch\" type=\"text\" name=\"textfield\" />
      <input class=\"formbutton\" type=\"submit\" name=\"Submit\" value=\"Submit\" /></td>
      <td> [Login | Register] </td>
    </tr>
  </table>
</form></span>";
?>

And my css:

.searcharea {
    float: right;
    padding: 4px 4px 0px 0px;
        margin: 0px;
}
.formbutton {
    cursor:pointer;
    border:0px outset #ccc;
    font-size: 14px;
    color:#666;
    padding-top: 1px;
    background:url(images/formbg.gif) repeat-x left top;
}
.formsearch {
    width: 150px;
    border: 1px solid gray;
    background:url(images/formbg.gif) repeat-x left top;
}

thank you friends.