Hallo zusammen

auf meiner Seite stehen Buttons nebeneinander und eines davon blendet ein Textfeld ein, welches je nach Möglichkeiten des Platzes nben uder unter den Buttons stehen soll. Und das Ganze in einer Zelle einer Tabelle, dessen Größe jeweils an ein iframe angepasst wird:

  
<td>  
<span id="FrameMenue" style="display:inline; height:46px; padding-right:5px; float:left">  
<button type="button" id="FrameMarker"">></button>  
<button type="button" style="height:46px; weidth:70px; float:left"><img></burron>  
...  
</span>  
<div id="Suchbereich" style="display:none; min-width:250px; clear:none; height:46px; overflow:auto">  
<button id="SuchfeldSelect" type='Button' value="&gt;" class='Marker' onclick="document.getElementById('Suchfeld').select()" title="Text markieren" onfocus='FrameFocus()'>></button>  
<div style="clear:none; display:block; height:40px; margin-left:48px; padding-right:12px"><input type="text" Id="Suchfeld" onFocus="SuchfeldFocus(); " tabindex="1" style="margin-top:8px; border:2px solid #000; height:24px; color:#000; font-size:16px; font-family:Arial; line-height:24px; width:100%" onBlur="SuchfeldBlur()" autocomplete="off" value="Suchtext" /></div>  
</div>  
</td>  

Und im Firefox funktioniert das einwandfrei, das dass Feld bei genügend Platz neben die Buttons rutscht und ansonsten darunter steht. Doch im Internet Explorer oder Chrome steht das Textfeld immer nben den Buttons und verbreitert so die Tabellen Zelle!

Also wie bekomme ich das bitte hin?

Ich würde mich über Hilfe sehr freuen da das Ganze ja in mehreren Browsern laufen sollte und nicht nur im FireFox und freue mich was zu hören und bedanke mich für jede Bemühungen.

OK Danke Gruß Andreas