FFとChromeで異なる動作をするフォームスタイル

Question

私はフォームの後ろにイメージがあり、FFではフォームを下に移動でき、その背後のイメージはそのままの位置にとどまります。しかし、Chromeでは、画像とフォームが一緒に移動します。とにかくChromeでのみ移動するフォームを取得できますか。

フォームのコードは次のとおり

<div id="css">  
     <fieldset> 
<form action="contact.php" name="myForm" method="post" onsubmit="return validateForm();"> 

    <input onfocus="this.value=''"" value="Name" 
type="text" name="cf_name"> 


    <input onfocus="this.value=''"" value="Email" type="text" name="cf_email"> 

    <input onfocus="this.value=''"" value="Website" 
type="text" name="cf_website"> 

    <textarea name="cf_message" onfocus="this.value=''"" 
    >Message</textarea> 
<p class="submit"> <input type="submit" value="Send"></p> 
</form> 
</fieldset> 
</div> 

CSSである：

#css fieldset 
{ 
background: url(images/notepad_about1.png) no-repeat; 
border:0px; 
height:560px; 
margin: 0; padding: 0; 

} 

#css input{ 

border-radius:5px; 
border:medium none; 
color:#000; 
display:block; 
font-size:2.75em; 
width:450px; 
margin:0 0 10px; 
padding:8px; 
cursor: default; 
background-image: none; 
background-color: #000cff; 
opacity: 0.5; 
} 

#css form 
{ 
margin-left:120px; 
margin-top:30px; 
} 

#css textarea{ 
border-radius:5px; 
border:medium none;color:#000; 
display:block; 
font-size:2.60em; 
width:450px; 
margin:0 0 10px; 
padding:8px; 
height:200px; 
background-image: none; 
background-color: #000cff; 
opacity: 0.5; 
font-family: Verdana,Arial,Sans-serif; 
} 

#css .submit input{ 
    background-color: #000; 
    opacity: 9.5; 
    font-size:1.75em; 
    width:100px; 
    color:#fff; 
} 

#css .submit input:hover{ 
    background-color: #000cff; 
} 

私は現在fieldsetタグで背景として画像を有しています。私は​​3210を使ってフォームを下に移動します。これはFFで動作しますが、Chromeでは画像とフォームを移動します。とにかくこれを整理するには？ fieldset要素が構文的form元素を含有させているが#cssフォーム上

おかげ

Answer 1

使用padding-top: 30px代わりにmargin-top: 30px

Answer 2

は、そのようなネスティングは、共通の、一般的には有用ではないではありません。通常の方法で入れ子にして、fieldset（またはおそらくdiv - fieldsetにはlegend要素が含まれていないため、現在は無効ですが、これはほとんど形式です）。次に、form要素の背景と変位をfieldset要素に設定することができます。これはブラウザをまたがって動作するはずです。または、フィールドを直接含むformだけを使用して、formに背景イメージを設定し、padding-topに適切な値を設定すると、目的のエフェクトが作成されます。