Hur i hela himmelen ska jag få denna meny att se lika ut i både IE och FF? den fungerar som det är tänkt i IE men inte i FF.

CSS
<code>
#layMenu{width:150px; height:440px; float:left; border-bottom:1px solid #99B1FF; border-right:1px solid #99B1FF; overflow:hidden}

/* MENYN */
ul {list-style-type: none; margin-top:10px; margin-left:0px;}
li {margin-bottom: 5px;}

.menu a {margin: 0 2px; width: 130px; height: 20px; display: block; text-align: center; border: 1px solid #99B1FF; text-decoration: none;
background: #D7DFFD; margin-left:10px}

.menu a:hover {background: #EDF0FB; border: 1px solid #3F68FF;}
</code>

HTML
<code>
<div id="layMenu">
<ul class="menu">
<li>HEM</li>
<li>Menu 2</li>
<li>Menu 3</li>
<li>Menu 4</li>
</ul>
</div>
</code>

Sidan kan ses här <url="http://81.233.110.17/wislunds2/" />