Проблемы с отображение backgroun в IE

[Pashkes]

Есть код вот css и html. Проблема в том что в IE установленные background в классах .bottom и .top не отображаются. В остальных браузерах все норм. В чем проблема, подскажите.

.navigation{ 
    margin-top: 10px;
    width: 236px;
    height: 270px;
    background: #84b2e6;
}
.navigation .top{
    height: 41px;
    padding: 10px 0px 0px 0px;
    background: url('images/top-navigation.png')no-repeat;
}
.navigation .bottom{
   height:19px;
    background: url('images/bottom-navigation.png')no-repeat;
}
.navigation h4{
    color: #ffffff;
    font-family: sans-serif;
}
.navigation-menu{
    list-style-type: none;
    color: #ffffff;
    padding: 0px 0px 0px 8px;
}
.navigation-menu li {
    background: url('images/hr.png') no-repeat bottom;
    padding: 7px 0px 0px 0px;
}

    <div class="navigation">
    <div class="top"><h4 align="center">Навигация</div></h4>
    <ul class="navigation-menu">
	<a href="#"><li>Релизы Detalife Engine</li></a>
	<a href="#"><li>Бесплатные модули</li></a>
	<a href="#"><li>Платные модули</li></a>
	<a href="#"><li>Платные шаблоны</li></a>
	<a href="#"><li>Бесплатные шаблоны</li></a>
	<a href="#"><li>Хаки для Datalife Engine</li></a>
	<a href="#"><li>Баг-фиксы</li></a>
	<a href="#"><li>Советы по движку</li></a>
	<a href="#"><li>Иконки груп</li></a>
</ul>
        <div class="bottom"></div>
    </div>

Должно выглядеть вот так

Edited March 15, 2011 by Pashkes

[Serlutin]

Вот никогда нельзя делать:

<a href="#"><li> ... </li></a>

Нужно так:

<li><a href="#"> ... </a></li>

background: url('images/top-navigation.png')no-repeat;

Возможно не хватает пробела перед словом no-repeat

[Pashkes]

Вот никогда нельзя делать:

<a href="#"><li> ... </li></a>

Нужно так:

<li><a href="#"> ... </a></li>

background: url('images/top-navigation.png')no-repeat;

Возможно не хватает пробела перед словом no-repeat

И всего то,какой то пробел. Спасибо за оперативную помощь.

Edited March 15, 2011 by Pashkes