お金の入力を受け取る 2 つのフィールドを水平方向に配置しようとしている単純なフォームがあります。入力に $ (編集可能であってはならない) のラベルを付けて、人々がお金を入れるべきだとわかるようにしたいと考えています。絶対に配置されたスパン要素でこれを行うことになりました。jsfiddle はhttp://jsfiddle.net/7tCfe/2/にあります。
Internet Explorer と Firefox ではすべて正常に動作しますが、Chrome では、2 番目の通貨入力の通貨ラベルが 2 番目の入力の内側ではなく、ずっと左側に配置されます。jsfiddle では、2 番目のシンボルが最初の money フィールドのシンボルの上にあります。
Chrome で要素を親要素に対して絶対的に相対的に配置するにはどうすればよいですか? クラスをいじって.two-column表示と位置を変更しようとしましたが、フォームの残りの部分が壊れてしまいます。