跨浏览器兼容性跨度元素无法正确显示

Question

我有一些HTML代码可以正常使用谷歌浏览器，但不适用于Firefox。不知何故，面板不会显示相同的内容。代码如下：

<div class="container" style="padding-top:15px">
    <div class="sixteen columns">
        <form method="post" action="">
            <span style='display: inline-block'>
                <input type='text;' name="txtSearch;" style="width: 560px;" value="<?php echo $txtSearch; ?>"/>
            </span>
            <span style='display: inline-block'>
                <select id='catergory' name='catergory' style="width: 120px;height:30px">
                    <option> Option 1</option>
                    <option> Option 2</option>
                    <option> Option 3</option>
                </select>
            </span>
            <span style='display: inline-block'><input name="btSearch" type='submit' value='Search' class='button'/></span>
        </form>
    </div>
</div>