Позиция Absolute FIREFOX vs CHROME снова

Question

У меня проблема с правильной позицией кнопки в Chrome и Firefox. В хромом кнопка уходит влево, в то время как в Firefox это, где он должен быть (после нажатия на кнопку ввода)

<td style="position: relative;"> 
<input type="text" id="search_box" value="" style="float: left; width: 160px;" name="search_term"> 
<input id="term_options_btn" style="z-index: 501; position:absolute;float: left;" type="button" class="client_ac_showall" value="▼" onclick="ShowTermOptions()"> 
<div style="clear:both;"></div> 
<div style="margin-left: 73px; display: none;" class="term_options"> 
    <div><label><input type="checkbox" value="true" checked="checked" name="search_in_topics">Szukaj w tytule</label></div> 
    <div><label><input type="checkbox" value="true" checked="checked" name="search_in_posts">Szukaj w postach</label></div> 
</div> 

здесь демоверсия http://jsfiddle.net/4bZFT/

Answer 1

Просто удалите position:absolute из <input id="term_options_btn".../> и кнопка будет справа от текстового ввода в обоих браузерах.

Modified JSFiddle.

Answer 2

Просто удалите position:absolute.

См. http://jsfiddle.net/4bZFT/5/.

Answer 3

Просто remove inline style от кнопки и попробуйте эту кнопку

<input id="term_options_btn" type="button" class="client_ac_showall" value="▼" onclick="ShowTermOptions()"> 

Он будет отображаться, где она должна быть и в браузере Mozilla и хромом.