form field im ie verhaut die nav leiste (div)

[jens rieger]

Servus,

mein Ziel die Seite soll so wie im
firefox auch im ie laufen

der link dahin
Lebenundlernen.net/test

mit dem Ie habe ich folgendes Problem,
er legt ein zu groses formfield an, bzw
verhält sich so wie ich es nicht versteh
oder erwartet hätte.

ich suche also nach einer lösung,
für hilfe oder ideen zum weiterarbeiten
sehr dankbar

liebe grüße jens

der code der ganzen navigation (am ende das form field)

  
<!-- Navigation Static START -->  
<div    width="100%"  
    style="position:relative; max-height:26px; height:26px;  
        overflow:hidden; border:none ;  
        background-color: #F85F14; color: #FFFFFF">  
    <table align="center" width="700" border="0" height="26">  
      <tr><td>  
      <a href="website.php?id=/index/index.htm">     <img src="style/nav/nav1-leule.gif" border="0" onmouseover="this.src='style/nav/hover/nav1-leule.gif'" onmouseout="this.src='style/nav/nav1-leule.gif'"></a>  
     <a href="website.php?id=/index/Schloss.htm">   <img src="style/nav/nav2-schloss.gif" onmouseover="this.src='style/nav/hover/nav2-schloss.gif'" onmouseout="this.src='style/nav/nav2-schloss.gif'"></a>  
     <a href="website.php?id=/index/Termine.htm">   <img src="style/nav/nav3-Termine.gif" onmouseover="this.src='style/nav/hover/nav3-Termine.gif'" onmouseout="this.src='style/nav/nav3-Termine.gif'"></a>  
     <a href="website.php?id=/index/wirhandeln.htm"><img src="style/nav/nav4-handeln.gif" onmouseover="this.src='style/nav/hover/nav4-handeln.gif'" onmouseout="this.src='style/nav/nav4-handeln.gif'"></a>  
     <a href="website.php?id=/index/archiv.htm">    <img src="style/nav/nav5-archiv.gif"  onmouseover="this.src='style/nav/hover/nav5-archiv.gif'"  onmouseout="this.src='style/nav/nav5-archiv.gif'"></a>  
     <a href="website.php?id=/index/partner.htm">   <img src="style/nav/nav6-partner.gif" onmouseover="this.src='style/nav/hover/nav6-partner.gif'" onmouseout="this.src='style/nav/nav6-partner.gif'"></a>  
     <a href="website.php?id=/index/kontakt.htm">   <img src="style/nav/nav7-kontakt.gif" onmouseover="this.src='style/nav/hover/nav7-kontakt.gif'" onmouseout="this.src='style/nav/nav7-kontakt.gif'"></a>  
     <!-- <a href="website.php?id=/search.htm">      <img src="style/nav/nav8-suche-a.gif" onmouseover="this.src='style/nav/hover/nav8-suche-a.gif'" onmouseout="this.src='style/nav/nav8-suche-a.gif'"></a>  
     <a href="website.php?id=/search.htm">          <img src="style/nav/nav8-suche-b.gif" onmouseover="this.src='style/nav/hover/nav8-suche-b.gif'" onmouseout="this.src='style/nav/nav8-suche-b.gif'"></a>  
     -->  
     <? if ($_SESSION["account_group"] != 0) { ?>  
     <a href="website.php?id=/index/intern.htm">    <img src="style/nav/nav9-intern.gif"  onmouseover="this.src='style/nav/hover/nav9-intern.gif'"  onmouseout="this.src='style/nav/nav9-intern.gif'"></a>  
    <? } ?>  
      </td><td height=15>  
     <form name="searchform" method="get" action="website.php">  
        <input type="hidden" name="id" value="/search.htm">  
        <input type="image" src="style/nav/nav8-suche-a.gif" value="Los">  
        <input type="text" name="searchstring" class="field" value="Suchbegriff" onfocus="Javascript:document.searchform.searchstring.value='';" style="height:12px;top:-3;width:50px;font-size:10px;">  
        <!--<input type="submit" value="finden" class="button" style="border:none;  
            color:white;background-color:transparent;  
            text-decoration:nounderline;font-weight:bold;  
            padding:0px;margin:0px;" > -->  
        <input type="image" src="style/nav/nav8-suche-b.gif" value="Los">  
     </form>  
     </td> </tr>  
    </table>  
  
 </div>  
<!-- Navigation Static END -->