html - 入力ボックスが div クロス ブラウザ内に収まらない

Question

入力ボックスを の中に入れておくのに問題がありますdiv。Safari と chrome では非常にきれいに見えますが、firefox では次の行にオーバーフローして問題を引き起こします。

コードが長すぎるので、jsfiddle の例を次に示します。より良いサポートができるかどうかお知らせください。

Safari/Chrome では次のように表示されます。

そして、ここにFirefoxがあります：

誰でも助けることができますか？

Answer 1

私の質問に対する本当に簡単な修正を見つけました。

以下を編集し、div に line-height を追加して、すべてのブラウザーでテキストを少し持ち上げるようにしました。

.sectionBlock {
  border-right:1px solid #000;
  height:18px;
  line-height:14px;
}
.formLine {
  border-bottom:1px solid #000;
  padding:2px;
  height:18px;
  line-height:12px;
}

私の質問を再編集してくれた@robjbと、コードを調べてくれた@Dankoに感謝します。