Css no meu menu

Opa galera, sei que pode tar manjado isso, mas realemnte não consigo brincar de css deste jeito. fiz buscas pela internet mas meu resultado foi totalmente broxante! ¬¬ gostaria que ficasse igual como está no firefox. IE sux!

abaixo a dferença entre os navegadores:

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.lecowd.com.br/menu.jpg&key=f98ed01ada5808155e6ca4e30559d0acb87ba8ad46efc51c6e2430764a7d7af1" alt="Imagem Postada" />

segue o cod. que estou usando:

<td width="160" valign="top" style="background:#FCFCFC; border-right:1px solid #f2f2f2;" id="menubv"> <li id="titulo">Hospedagem</li> <li><a href="#">» Planos de Hospedagem</a></li> <li><a href="#">» Vantagens</a></li> <li><a href="#">» Vantagens</a></li> <li><a href="#">» Painel de Controle</a></li> <li><a href="#">» WebMail</a></li> <li><a href="#">» WebMail</a></li> <li><a href="#">» Dúvidas Frequentes</a></li> <li><a href="#">» Suporte Técnico</a></li> <li><a href="#"><strong>» </strong><b>Contratar</b></a></li><li id="titulo">Serviços</li> <li><a href="#">»</a></li> <li><a href="#">»</a> </li> <li><a href="#">» </a></li><li id="titulo">A Empresa</li> <li><a href="#">» Quem somos</a></li> <li><a href="#">» Nossa Estrutura</a></li> <li><a href="#">» Nossa Proposta</a></li> <li><a href="#">» Politicas de Uso</a></li> <li><a href="#">» Contato</a></li> </ul> </td>
#titulo{text-align:right;font:bold 11px Verdana, Arial, Helvetica, sans-serif;color:#FF9900;background:url(images/degrade_menu_lateral.gif) repeat-y right;border-top:1px solid #CCC;border-bottom:1px solid #CCC;padding:5px;}#menubv {width: 160px;padding: 0;margin: 0;font:11px Verdana, Arial, Helvetica, sans-serif; list-style: none;border-right:1px solid #e4e4e4;}#menubv ul {margin: 0;padding: 0;}#menubv li {margin: 0;}#menubv li a {text-align:left;display:block;padding: 3px 0px 4px 10px;color:#666;text-decoration: none;border-bottom:1px solid #FFF;}#menubv li a:hover {color: #30402b;text-decoration:underline;background:#F9F9F9;}desde ja... brigadão!