将绝对FIREFOX与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

只需删除<input id="term_options_btn".../>position:absolute和按钮将被显示在两个浏览器上的文本输入的右侧。

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和Chrome。