Can't use background in LI object in Internet Explorer

[sterckx]

Hello,

 

After some tryout my list is OK in firefox , safari... Except in IE  (offcourse...). After some searching I still haven't found any solution.

 

In internet explorer i can't get placed a background on my (horizontal menu) list.

 

Site: http://120787.testvds.com/Drupal/            ugly background is just a test  ;-) )

 

CSS:

ul.navigation li{
  display:block;
  float:left;
  position:relative;
  padding:0 1px 0 0;
  background-image: url(http://www.tizag.com/pics/cssT/smallPic.jpg);
}

 

HTML:

		<div class="page-content header-wrapper">
		<div class="shadow-left">
			<div class="shadow-right clearfix">
			  <ul class="navigation"><li class="menu-199 active-trail first active page "><a title="Home" href="/Drupal/nl/node/40" class="fadeThis  sf-with-ul">
                                <span class="title">Home</span>

                                <span class="pointer"></span>
                                <span class="hover" style="opacity: 0;">
                                </span>
                            </a></li>
<li class="menu-152 page "><a title="Over Anankei" href="/Drupal/nl/node/17" class="fadeThis  sf-with-ul">
                                <span class="title">Over Anankei</span>
                                <span class="pointer"></span>
                                <span class="hover" style="opacity: 0;">
                                </span>

                            </a></li>
<li class="menu-154 page "><a title="Onze diensten" href="/Drupal/nl/node/19" class="fadeThis  sf-with-ul">
                                <span class="title">Onze diensten</span>
                                <span class="pointer"></span>
                                <span class="hover" style="opacity: 0;">
                                </span>
                            </a><ul class="level-2" style="opacity: 0; margin-left: 20px; display: none; visibility: visible;"><li class="page page-test 1" ><a title="test 1" href="/Drupal/nl/node/39" class="fadeThis">
                        <span class="title">test 1</span>

                        <span class="pointer"></span>
                        <span class="hover" style="opacity: 0;">
                        </span>
                        </a></li><li class="page page-test 2" ><a title="test 2" href="/Drupal/nl/node/43" class="fadeThis">
                        <span class="title">test 2</span>
                        <span class="pointer"></span>
                        <span class="hover" style="opacity: 0;">
                        </span>

                        </a></li></ul></li>
<li class="menu-158 page "><a title="nieuws" href="/Drupal/nl/node/23" class="fadeThis  sf-with-ul">
                                <span class="title">nieuws</span>
                                <span class="pointer"></span>
                                <span class="hover" style="opacity: 0;">
                                </span>
                            </a></li>
<li class="menu-161 last page "><a title="itjobs" href="/Drupal/nl/node/26" class="fadeThis  sf-with-ul">
                                <span class="title">itjobs</span>

                                <span class="pointer"></span>
                                <span class="hover" style="opacity: 0;">
                                </span>
                            </a></li>
</ul>				</div>
		</div>
	</div>

 

Can anyone help me?