カスタム テーマを使用して、選択ボックス要素をゼロから作成しようとしています。CSS の 59 行目にoverflow:hidden;あると、要素が期待どおりに整列しません。ただし、その行を削除すると、期待どおりに整列しますが、テキストがオーバーフローします。Chrome では動作するようですが、Firefox では動作しません。
働く：
動作しない:
コードは次のとおりです。http://jsfiddle.net/nd7Hn/
なぜそれが起こるのですか？どうすれば修正できますか？
カスタム テーマを使用して、選択ボックス要素をゼロから作成しようとしています。CSS の 59 行目にoverflow:hidden;あると、要素が期待どおりに整列しません。ただし、その行を削除すると、期待どおりに整列しますが、テキストがオーバーフローします。Chrome では動作するようですが、Firefox では動作しません。
働く：
動作しない:
コードは次のとおりです。http://jsfiddle.net/nd7Hn/
なぜそれが起こるのですか？どうすれば修正できますか？