FC2メールフォームのHTMLおよびCSSについて

FC2メールフォーム
http://form.fc2.com/

FC2メールフォームをブログに表示させる場合、iframeで表示させるタイプと、javascriptで表示させるタイプがあります。私のブログはDTD宣言をxhtml1.0 strictにしているので、javascriptのほうを利用し、CSSでデザインをいじくっているのですが、どうもIEと他ブラウザで表示が異なってしまいます。もしよければ、皆さんの知識をお貸しください。

※javascriptで表示させたときのサンプルは下記ページの「パーツ利用の設定・パーツ利用の設置用タグ、デザイン設定」＞「Preview」から見れます。
http://form.fc2.com/demo/

※希望している表示
名前、メールアドレス、職業などのリストアイコンを消し、これらの左端とinput要素の左端を同じ位置にあわせたいと考えています。

※私が指定したCSS
#fc2form li {
margin:0;
padding:0;
list-style:none;
}

※上記CSSを指定したときの表示
FireFoxとOperaでは「名前」「メールアドレス」等とinput要素の左端があわさっています。
IE6とIE7では「名前」「メールアドレス」等の左に一文字分ほどのスペースがあき、その分input要素の左端とズレができています。

原因と対処方法をよろしくお願いします。

No.2 回答者： MockTurtle 回答日時： 2008/10/12 12:43

あ、原因もでしたか‥

position無指定時の扱いがブラウザによって違うからでしょうね （ ^^

No.1 回答者： MockTurtle 回答日時： 2008/10/12 04:06

list-style:none outside;

違ってたらご容赦を （ ^^；

この回答へのお礼

li要素にdisplay:inline;を指定したら対処できました。
原因は不明です。

そもそもli要素を使っておいてul要素がないのがなぜなのか。
FC2ももう少しマシなHTMLコーダーを採用して欲しいところ。

回答ありがとうございました。

お礼日時：2008/10/19 12:50