Search box alignment issues with IE

programming web dev
1

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

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

<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>


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

Any help will solve my headache

Thanks

Eddie