# Cant get rid of gap in IE

**URL:** <https://forum.kirupa.com/t/cant-get-rid-of-gap-in-ie/252419>\
**Category:** web dev\
**Created:** [February 20, 2008, 12:01am UTC](https://forum.kirupa.com/t/cant-get-rid-of-gap-in-ie/252419 "2008-02-20T00:01:08Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![rondog](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/rondog/32/2478_2.png) [@rondog](https://forum.kirupa.com/u/rondog)\
**Post date:** [February 20, 2008, 12:01am UTC](https://forum.kirupa.com/t/cant-get-rid-of-gap-in-ie/252419/1 "2008-02-20T00:01:08Z")

</div>

my page is here --\> [http://dopserv1.com/hosted/army/](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
<?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:

```php
.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.