html - フィールドセット内の要素の配置

Question

私はカスタムを作成しました、fieldsetそしてそれはChromeでのみうまく機能します。どうすればこの問題を解決できますか？

フィールドの右側に入力テキストのラベルを付け、フィールドの右側に入力テキストのラベルを付ける必要がありますが、下の1行にあります。

CSSは次のとおりです。

#field {
    width: 300px;
}
.name {
    position: relative;
    float: right;
}
.email {
    position: relative;
    float: right;
}

HTMLは次のとおりです。

<fieldset id = "field">
    <legend>Add a wish</legend>
    <input id = "name" class = "name" type = "text" width = "100"/>
    <label for = "name" class = "name">Nam::</label>
    <input id = "email" class = "email" type = "text" width = "100"/>               
    <label for = "email" class = "email">Email:</label>
    <label id = "wis">Wish</label>
    <textarea cols = "25" rows = "3" id = "wishes"></textarea>
</fieldset>