css html ie7（ul and li tags）メニューの問題

Question

私はいくつかのコードとie7ブラウザに問題があり、そのulタグで作成されたCATEGORYメニューとcssプロパティを持っています。サファリ、IE8、Firefoxの3.5と3.6で正常に動作しますが、IE7 A BIG左マージンはこれを作成しているとすると、サーバによって生成されたコードです：

<div id="menu"> 
    <ul><li><a class="level1" href="catalog.html?category=21">PRODUCTOS</a></li> 
<li><a class="level1" href="catalog.html?category=21">Daniela Kosan</a></li> 
<li><a class="level2" href="catalog.html?category=21">Lo Nuevo</a></li> 
<li><a class="level2" href="catalog.html?category=22">Fragancias</a></li> 
<li><a class="level2" href="catalog.html?category=23">Rostro</a></li> 
<li><a class="level2" href="catalog.html?category=24">Accesorios</a></li></ul> 
    </div> 

と、これは私が使用しているCSSです：

* { マージントップ：0。 パディング：0;ここで }

#menu{ 
    background:#fff; 
    width:205px; 

    padding-left:9px; 

} 
    #menu ul{ 
     list-style:none; 


    } 
     #menu li{ 
      list-style:none; 


     } 
      #menu li a{ 
       list-style:none; 
       font-family: arial, sans-serif; 
       background:#F0CFD6; 
       color:#944862; 
       text-transform:none; 
       font-size:14px; 
       font-weight:normal; 
       text-decoration:none; 
       display:block; 


      } 
       #menu li a:hover{ 
        color:#fff; 
        text-decoration:none; 
       } 
      #menu li a.level1{ 
       padding-left:10px; 
       padding-top:10px; 
       width:205px; 
       height:20px; 
       color:#fff; 
       background:#DA8298; 


      } 
       #menu li a:hover.level1{ 
        color:#000; 
       } 
      #menu li a.level2{ 
       padding-left:20px; 
       padding-top:12px; 
       width:205px; 
       height:20px; 
       color:#8B5169; 
       border-width:0 0px 0px 0px; 
       background:#F0CFD6; 
       border-bottom:1px dashed #CEABB2; 

      } 
       #menu li a:hover.level2{ 
        color:#000; 
       } 

が悪い。これは、それが良い...他のブラウザでレンダリングする方法です

カテゴリメニュー以外のBIG左マージンを注意、レンダリングです！君たちありがとう！

Answer 1

ulに余白とパディングを設定してみてください。別のブラウザが自動的に別のものに設定します。私は今後CSS resetを使用することをお勧めします。

#menu ul { 
    margin-left: 0px; 
    padding-left: 0px; 
    } 

これを試してください。私はIEを持っていないので、私はそれをテストすることはできません。私は一度にマージンとパディングをテストして、そのうちの1つだけが原因であるかどうかを確認します。