[Resolvido] Problema com menu css

Olá pessoal.

Estou com um problema em um menu horizontal com submenu.

O mesmo funciona perfeitamente no google chrome. Mas não funciona no ie e no FIrefox.

Quando passo o mouse por cima do menu usando os navegadores ie e firefox, todo o bloco vai de submenu aparece na esquerda e não abaixo do menu que estou com o mouse

/applications/core/interface/imageproxy/imageproxy.php?img=http://help-sc.com.br/2013/img.jpg&key=fba12f0ec2468d5860308ed645109c4504e80b1c7a37e6c19fc27f625bb79a20" alt="img.jpg" />

É possível alguém me ajudar com o que pode estar acontecendo? Ainda não consegui entender o erro.

Obrigado à todos.

Abraços

Código HTML

 <nav id="menu">
 <ul>
 <li><a href="../index.php">Home</a>

 <li><a href="#">Empresa</a></li>
 <li><a href="#">Serviços</a></li>
 <li><a href="../Treinamento/">Treinamento</a></li>
 <li><a href="#">Benefícios</a></li>
 <li>Planos
 <ul>
 <li><a href="../Planos/individual.php">Individual</a></li>
 <li><a href="../Planos/familiar.php">Familiar</a></li>
 <li><a href="../Planos/empresarial.php">Empresarial</a></li>
 </ul>
 </li>
 <li><a href="#">Contato</a></li>
 </ul>
 </nav>

Código CSS

#menu{
background-color:#FFF;
position:absolute;
height:21px;
width:950px;
text-align:center;
padding:4px 0px 3px 0px;
}

#menu ul{

display:block;
margin:0;
padding:0;
}

#menu ul li{

position:relative;
text-align:center;
list-style: none;
margin: 0;
display: inline;
}

#menu ul li a{

text-decoration:none;
font-size:16px;
font-family:Tahoma, Geneva, sans-serif;
color:#000000;
height:22px;
padding:5px 30px 5px 32px;
transition:all ease-in 0.5s;
-moz-transition:all ease-in 0.5s;
-webkit-transition:all ease-in 0.5s;
-o-transition:all ease-in 0.5s;

}

#menu ul li a:hover{

background-color:#900000;
color:#FFF;
transition:all ease-in 0.5s;
-moz-transition:all ease-in 0.5s;
-webkit-transition:all ease-in 0.5s;
-o-transition:all ease-in 0.5s;
}

#menu ul li ul{

position:absolute;
top:23px;
background-color:#fff;
display:none;
}

#menu ul li:hover ul{

position:absolute;
display:block;
border-radius:0px 0px 5px 5px;
width:150px;
}

#menu ul li ul li{

border:1px solid #c0c0c0;
display:block;
padding:2px;
}

#menu ul li ul li a{

display:block;
padding:10px;
}

#menu ul li ul li a:hover{

display:block;
padding:10px;
}