Menu quebra no Mozilla Firefox

Olá pessoal, desculpe postar aqui mas como é o mesmo assunto, só muda a dúvida, pensei em aproveitar a discussão. Caso eu teiver de abrir outro fórum ou seja necessário transfereir para outro, deixo a critério de vocês.

Bom vamos lá.

Tenho um site que utiliza um menu em CSS. Acontece que no IE eu conseigo visualizar certinho, mas no FF bagunça tudo meu layout. Posto abaixo os códigos e as imgens do site para verem o que está acontecendo:

CSS:

#menuesquerdo {
	width:117px;
	background:#999999;
	padding:0;
	border:0px none #cccccc;
	margin-left:0;
	background-color: #FFFFFF;
	float:left
}

#menuesquerdo ul {

	widht:10px;
	padding-left:0px;
	border-left: 5px solid #336666;
	margin-left:1;
	color: #F4F4E9;
	background-color: #F4F4E9;
	float:left;
}

#menuesquerdo li {

	list-style: none;
	padding:1px;
	padding-left:1px;
	padding-right:0px;
	margin-bottom:0px;
	margin-left:0;
	background-color: #F4F4E9;
	font-family: verdana, arial, helvetiva, sans-serif;
	font-size: 12px;
	color: #62B891;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #62B891;
	border-right-color: #62B891;
	border-bottom-color: #62B891;
	border-left-color: #62B891;
}

#menuesquerdo li a {

	display:block;
	color: #62B891;
	text-decoration: none;
}

#menuesquerdo li a:visited {

	color: #62B891;
	text-decoration: none;
}

#menuesquerdo li a:hover {

	color: #366;
	font-style: normal;
	text-decoration: underline;
}

VEJA NESTE LINK AS DUAS PÁGINAS: http://www.fourinfo.com.br/teste.html (desculpe mas não consegui inserir link)

Obrigado por enquanto

Abraços

Jardel