html - 凡例要素から左のパディングを削除します

Question

コンテンツを含むフィールドセットとdivを視覚的に等しくしたい。YUI 3.4.1リセットCSSを使用しており、次のマークアップがあります。

<fieldset>
    <legend>Hello world!</legend>
    <div>Lorem ipsum</div>                
</fieldset>
<div>
    <h3>Hello world!</h3>
    <div>Lorem ipsum</div>                
</div>

IE7では、凡例要素がわずかにインデントされています。パディング、マージン、テキストインデントを削除しようとしました。

fieldset,div{ 
    background-color: red;
    width: 200px;
    padding: 0;
    text-indent: 0;
    margin: 0;
}
legend,h3{ 
    background-color: yellow; 
    width: 200px; 
    display: block;
    padding: 0;
    text-indent: 0;
    margin: 0;
}

問題を解決するのに役立つ、ここで欠落している他のプロパティはありますか？

http://jsfiddle.net/DBhQb/

Answer 1

HTML5ボイラープレート のCSSファイルでlegendは、このようにスタイル設定されています

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

*margin-left: -7px;IE <8のcssハックなので、トリックを作成する必要があります

Answer 2

これを試して

fieldset , legend{ padding:0px; margin:0px;}