firefox中的margin-left问题

<style type="text/css">
*{margin:0; padding:0; list-style:none;}
.first_menu{margin-left:20px;}
.first_menu li{margin-left:20px; list-style-image:url(images/02420585.gif);}
.second_menu{display:none;}
.second_menu li{margin-left:20px; list-style-image:url(images/02420585.gif);}
</style><ul class="first_menu">
<li> <a href="ygsz/1.html" target="ygsz" onclick="show(1);" id="a1">第一章总则</a></li>
    <ul class="second_menu" id="table1"> <li><a href="ygsz/1.1.html" target="ygsz">1.1制定目的</a></li>
<li> <a href="ygsz/1.2.html" target="ygsz">1.2制定依据</a></li>
<li> <a href="ygsz/1.3.html" target="ygsz">1.3员工定义</a></li>
<li> <a href="ygsz/1.4.html" target="ygsz">1.4适用范围</a></li>
<li> <a href="ygsz/1.5.html" target="ygsz">1.5权限</a></li>
  </ul>
</ul>为什么我在firefox里面的.second_menu li:margin-left:20px;不起作用。
求助

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
      <style type="text/css"> 
    *{margin:0; padding:0; list-style:none;} 
    .first_menu{margin-left:20px;} 
    .first_menu li{margin-left:20px; list-style-image:url(images/02420585.gif);} 
    .second_menu{display:block;} 
    .second_menu li{margin-left:20px; list-style-image:url(images/02420585.gif);} 
    </style> <ul class="first_menu"> 
    <li> <a href="ygsz/1.html" target="ygsz" onclick="show(1);" id="a1">第一章总则 </a> </li> 
    <li>
        <ul class="second_menu" id="table1"> <li> <a href="ygsz/1.1.html" target="ygsz">1.1制定目的 </a> </li> 
    <li> <a href="ygsz/1.2.html" target="ygsz">1.2制定依据 </a> </li> 
    <li> <a href="ygsz/1.3.html" target="ygsz">1.3员工定义 </a> </li> 
    <li> <a href="ygsz/1.4.html" target="ygsz">1.4适用范围 </a> </li> 
    <li> <a href="ygsz/1.5.html" target="ygsz">1.5权限 </a> </li> 
      </ul> 
      </li>
    </ul> 
     </BODY>
    </HTML>