Menu lista css ul/li, se ve diferente en IE y FF, como soluciono

[ooooo]

hola, hize mi menu lista con mucho esfuerzo, pero se visualiza diferente en ambos navegadores como puedo solucionar esto?, quiero que se vea como me sale en IE

Menu ejemplo


mi código css

Código PHP:

  ul li ul{
margin-left:10px
}
li a:link { font-family: Tahoma, Verdana, Arial; font-size:11px; color: #FF6633; text-decoration: none}
li a:visited { font-family: Tahoma, Verdana, Arial; font-size:11px; color: #FF6633; text-decoration: none}
li a:hover { font-family: Tahoma, Verdana, Arial; font-size:11px; color: #FF6633; text-decoration: underline;}
li a:active { font-family: Tahoma, Verdana, Arial; font-size:11px; color: #FF6633; text-decoration: none;} 
   

[aloqui]

Yo en ésta página http://www.poprockbands.com/metallica/band/prm.html utilizo lo siguiente:

Código:

.CeldaTexto ul     { padding: 0px 0px 0px 18px; margin: 0px 0px 0px 0px; }
.CeldaTexto ul li  { height: 18px;  }

Al menos se ve igual en Firefox y en IE7