Firefox（v.16.0.2）でのみ発生し、一部の選択ボックスでのみ発生する問題があります。選択ボックスをクリックすると、ドロップダウン部分が選択ボックス自体の真下ではなく、ページの下部に表示されます（質問の最後の画像を参照）。
次のように、すべてのボックスはストレートHTMLです。
<select name="province" id="Province">
<option value="0">Please Select...</option>
<option value="1">Alberta</option>
<option value="2">British Columbia</option>
</select>
これらのタイプの入力はシステム全体にありますが、これは特定のページでのみ発生し、その後、それらのページの一部の選択ボックスでのみ発生します。たとえば、ページに州/州の選択ボックスと国の選択ボックスがある場合、州/州の1つだけが壊れます。
CSSとJavascriptをページ間で比較し、機能するボックスと機能しないボックスを選択しましたが、違いはわかりません。誰かが以前にこのタイプの問題を見たことがありますか？
編集：Firebugを開いている場合、ドロップダウン部分がジャンプします（ページの下部に移動してから選択ボックス自体に戻ります）が、正常に動作します。