2
我剛剛開始瞭解如何在Internet Explorer和Firefox中呈現css（和html）的區別。
火狐顯示............................... IE顯示跨瀏覽器CSS的奇妙世界
firefox http://i46.tinypic.com/a5e0rl.pngie http://i50.tinypic.com/6dv8t0.png
我的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>
，最後我對HTML
body{
background-color: #008080;
}
/* Logo Positioning */
img{
margin-bottom:20px;
}
#navmenu{
border: 0px;
border-bottom-width: 0;
width: 185px;
}
/* navigation menu style */
#navmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
/* base anchor effects */
#navmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #008080;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}
/* base anchor effects */
* html #navmenu li a{ /*IE only */
width: 169px; /*185px minus all left/right paddings and margins*/
}
/* hover effects for anchors */
#navmenu li a:hover {
background-color: #007070;
border-left-color: #1c64d1;
}
/* class to hide submenu's by default */
.hide {
display:none;
}
/* class for javascript clock */
#clock {
margin-left:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: white;
background-color: #008080;
border: 2px solid #008080;
padding: 4px;
}
CSS原諒我，如果有在我的CSS或HTML令人震驚的錯誤。我不是一個專業的網絡程序員。我只想給他們一些指導，告訴他們在兩個瀏覽器中渲染的方式是什麼。