Safari/IEのテキストエリアの後にフォームの画像を送信することはできません

Question

私はいろいろなもの、最後にテキストエリア（HTMLで書かれたもの）を必要とするフォームを持っています。私は画像提出ボタンを作成します（自分の画像）。

<label for="comments">Comments *</label> 
<textarea type="comments" name="comments" value= "" maxlength="1000" cols="28" rows="6"></textarea> 
<br /> 
<input type="image" src="../../images/submit.png" name="submit" /> 

ただし、テキストエリアの直後に、送信ボタンを中央に配置しないことにします。私がテキストエリアを取り出して入力エリアの直後にある場合、それはちょうど良い中心になります。

これは（上記の何から）私のフォームのCSSです：

label{ 
    padding-top: 3px; 
    padding-bottom: 3px; 
} 

textarea[type="comments"]{ 
    float: right; 
    resize: vertical; 
    overflow: auto; 
    font-family: Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif; 
    font-size: 12px; 
    border-style: none; 
    border-color: black; 
    border-width: 1px; 
} 

input[type="image"]{ 
    display: block; 
    margin: 0 auto; 
} 

誰もがIE/Safariのためにこの問題を解決するためにどのように任意のアイデアを持っていますか？ありがとう！

Answer 1

入力画像CSSにclear:bothを追加します。

古いブラウザとの互換性を高めるために、属性セレクタの構文を利用するのではなく、より単純なセレクタを使用することをおすすめします。おそらく、必要に応じてクラスを追加してください。

textarea.comments { 
    ... 
}