[Resolvido] Problema com Menu no IE

Ae galera estou precisando de um help.

Eu fiz uma agenda telefonica em php estruturado, e nessa agenda coloquei um menu com link para listagem de contatos e um link para ir cadastrar. Até ai tudo bem, só que eu fiz usando o Mozilla e quando eu vou testar no IE ele fica todo descordenado fica um link para cima e o outro para baixo, sem falar que os eventos hover e focus não funcionam.

Gostaria de saber qual é o problema. E já que estou aqui no forum de CSS gostaria de saber o eu faz aquela oção "z-idex"?

Meu código CSS:

.menu{
 border:none;
 border:0px;
 margin:0px;
 padding:0px;
 font-family:Verdana, Tahoma, Arial,sans-serif;
 font-size: 12px;
 background:#0099FF;
}

.menu ul {

 list-style: none;
 margin: 0px;
 padding: 0px;
 height: 35px;
}

.menu li a{

 color: #FFFFFF;
 text-decoration: none;
 text-align: left;
 float:left;
 width:100px;
 padding: 8px 0px 0px 10px;
}

.menu li a:hover{

 color: #FFFFFF;
 text-decoration: underline;
}

e o meu codigo html está assim:

<div class="menu">
<ul>
 <li><a href="index.php">Register</a></li>
 <li><a href="contatoAcao.php">Contacts</a></li>
 <li id="calender"><?php echo date("l - d / m /Y");?></li>
</ul>
</div>