Html 交叉浏览器css的奇妙世界

我刚刚开始了解internet explorer和firefox中css（和html）呈现方式的区别。
Firefox显示器

我的html代码

<div id="navmenu">
    <ul id="menu">
   <li><a href="welcome.html" target="content">Home</a></li>
   <li><a href="http://www.google.com" target="content">Internet</a></a></li>
   <li>
     <div>
       <a href="">Forms</a></div>
       <ul class="hide">
         <li><a href="student_nurse/view_form.php" target="content">Student Nurse Request</a></li>
         <li><a href="supervisor_request/get_form.php" target="content">Supervisor IT Request</a></li>                      
       </ul>
   </li>
   <li>
     <div>
           <a href="">Help</a></div>
       <ul class="hide">
             <li><a href="/ticket" target="content">Support Admin</a></li>   
         <li><a href="/client" target="content">Submit/View Ticket</a></li>                 
       </ul> 
   </li>
   <li><a href="policies.html" target="content">Policies</a></li>  
 </ul>
   </div>

   <script type="text/javascript">
   $('#menu li:has(ul) > div').toggle(
        function() {
            $(this).next().css("margin-left","13px");
            $(this).next().show();
        },
        function() {
            $(this).next().hide();
        }
    );

    </script>

---

如果我的css或html中存在严重错误，请原谅。我不是一个专业的网络程序员。我只想了解一下是什么让它们在两种浏览器中呈现出不同的效果。

我想，at的伙计们会帮你做得更好。

在你的HTML中的这一行：

   <li><a href="http://www.google.com" target="content">Internet</a></a></li>

你已经两次下锚了。尝试删除一个

标记。

检查您的标签

Internet</a></a>

互联网

Internet</a></a>