Вопрос по верстке под IE6

При наведении курсора на пункт горизонтального меню не появляется background под ним. Косяк такой замечен только в IE6. Подскажите как этим воевать?

сайт http://ooosbg.ru/

HTML:

<div id="menu1">

<ul><li><a href="/">О компании </a></li>

<li><a href="/uslugi/">Услуги и цены</a>

<li><a href="/licence/">Лицензии</a>

<li><a href="/klienti/">Наши клиенты</a>

<li><a href="/contacts/">Наши контакты</a>

</ul>

<div id="icon"><a href="/"><img src="/images/home_icon.gif"></a><a href="mailto:info@ooosbg.ru"><img src="/images/mail_icon.gif"></a><a href="/map/"><img src="/images/map_icon.gif"></a></div></div><div id="bottom">

</div>

CSS:

/* menu */

#menu1 {

height:43px;

width:992px;

background-color:#FFFFFF;

border-bottom: solid 2px #E0E3E5;

border-left: solid 2px #329BDF;

border-right: solid 2px #329BDF;

}

#menu1 ul{

list-style: none;

list-style-type: none;

font-size: 1.1em;

margin:0px auto;

padding:1px 0px 0 px 20px;

}

#menu1 ul li{

list-style: none;

list-style-type: none;

float: left;

margin: 0 0 0 1px;

height:43px;

width:167px;

text-align:center;

}

#menu1 ul li a{

display: block;

text-decoration: none;

color: #000;

font-size: 1.0em; /* Resets 1em to 10px */

padding-right: 10px;

padding-left:10px;

margin: 0;

text-transform:uppercase;

line-height:43px;

}

#menu1 ul li a:hover {

text-decoration: underline;

color:#fff;

background-image: url(../images/menu-bg.jpg);

}

#menu1 ul li.current_page_item{

}

#menu1 ul li.current_page_item a{

color:#fff;

text-decoration:none;

background-image: url(../images/menu-bg.jpg);

}

#icon{

height:43px;

float:right;

}

#icon a img {

padding:15px 20px 0 0px;

}

#bottom {

clear: both;

}