# Search box alignment issues with IE

**URL:** <https://forum.kirupa.com/t/search-box-alignment-issues-with-ie/294250>\
**Category:** web dev\
**Created:** [August 11, 2009, 12:42pm UTC](https://forum.kirupa.com/t/search-box-alignment-issues-with-ie/294250 "2009-08-11T12:42:27Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Eddie\_E](https://avatars.discourse-cdn.com/v4/letter/e/2acd7d/32.png) [@Eddie\_E](https://forum.kirupa.com/u/Eddie_E)\
**Post date:** [August 11, 2009, 12:42pm UTC](https://forum.kirupa.com/t/search-box-alignment-issues-with-ie/294250/1 "2009-08-11T12:42:27Z")

</div>

Hi

I have a search button that will just not align up neatly with the search box in IE, but works fine with firefox, safari. I have tried many many different approaches but I can not get it perfect for each one. If I fix it for IE then it plays up in firefox. Is there some thing Im missing someone can help me with with before I go a bit mad!!

Firefox alignment (perfect)  
[http://www.be-graphics.com/temp/search-firefox.jpg](http://www.be-graphics.com/temp/search-firefox.jpg)

Explorer (search box pushes underneath)  
[http://www.be-graphics.com/temp/search-ie.jpg](http://www.be-graphics.com/temp/search-ie.jpg)

```auto
<form action="results.html" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="004925623330397758620:1b9ha_zfe78" />
   <input type="hidden" name="cof" value="FORID:11;NB:1" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" id="searchfield" class="searchbox" name="q" size="18" />
    <input name="sa" type="image" id="searchbut" value="Search" src="Images/buttons/search.png" align="right" />
  </div>
</form>

```

```auto
.searchbox
{
    width:122px;
    padding:3px;
    height:16px;
    border:1px solid #dae1f3;
}
#searchbut
{
    margin-left:5px;
    
}

```

Any help will solve my headache

Thanks

Eddie