Menu no Ie 6 com separador

Fala, pessoal. Tudo certo?

Então, tô com um daqueles problemas massa com o IE.

Fiz um menu em lista no Firefox, e na hora do IE 6 carregar fica "lindo".

Já tentei de tudo que é jeito acertar isso, mas garanto que a solução tava na minha fuça e eu não vi.

Portanto: os códigos do menu

HTML

 <div id="menu">
 <ul class="menu">
 <li class="first"><a href="#">A Empresa</a></li>
 <li class="menu"><a href="#">Segmentos de Atuação</a></li>
 <li class="menu"><a href="#">Projetos em Operação</a></li>
 <li class="menu"><a href="#">Projetos Realizados</a></li>
 <li class="menu"><a href="#">Clientes</a></li>
 <li class="menu"><a href="#">Notícias</a></li>
 <li class="menu"><a href="#">Responsabilidade Social</a></li>
 </ul>
 </div> <!-- Fim id Menu-->CSS

#menu {
	background: url(images/menu.jpg) repeat-x;
	width:940px;
	height:31px;
	font-size:12pt;
	float:left;
	margin:0 0 0 18px;}

.menu {
	background:url(images/teste.png);
	height:44px;
	widows:980px;}

.first {
	list-style-type:none;}

#menu ul li{

	float:left;
	padding:10px 18px 0 0;}

#menu ul li a{

	padding-left:5px;
	text-decoration:none;
	color:#606060;
	font-size:12px;}

Se alguém puder me explicar alguma propriedade que esteja atrapalhando o menu, fico grato desde já!

Abraços!