Javascript-форум - Слайд картинок не верно отображается в IE

Всем привет.
Нужна помощь. Проблема в слайде картинок http://flir.ldmco.ru/katalog/ не верно отображается в браузере IE. Как можно исправить? Есть предположения?

<link rel="STYLESHEET" type="text/css" href="slaid_new_models/css/style.css">
	<script type="Text/Javascript" src="slaid_new_models/jquery.min.js"></script> 
	<script type="text/javascript" src="slaid_new_models/jquery.sudoSlider.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){	
		    var sudoSlider = $("#slider").sudoSlider({ 
				fade: true,
				auto:true,
				resumePause: 10000
		   });
		});
	</script>
<div id="container">
    <div style="position:relative;">
				<div id="slider">
                                    
			<ul>				
				<li><a href="katalog/flir-serija-ls/"><img style="position:relative;" src="_mod_files/ce_images/Novie_modeli/ls-904x106-ru.jpg" alt="image description"></a></li>
				<li><img style="position:relative;" src="_mod_files/ce_images/Novie_modeli/ls-904x106-ru.jpg" alt="image description"></li>
				<li><img style="position:relative;" src="_mod_files/ce_images/Design/replace_sp_banner_ru6.jpg" alt="image description"></li>
				<li><img style="position:relative;" src="_mod_files/ce_images/Design/replace_sp_banner_ru6.jpg" alt="image description"></li>
				<li><img style="position:relative;" src="_mod_files/ce_images/Design/replace_sp_banner_ru6.jpg" alt="image description"></li>			
			</ul>
		
	</div>
	</div>

</div>

a:hover{color: #333;text-decoration: none;font-weight: bold;}
img{border:none;}
pre{margin-top:-16px;display:block;font:12px "Courier New", Courier, monospace;padding:10px;border:1px solid #bae2f0;background:#e3f4f9;width:674px;}	

#container {margin:0 auto;position:relative;text-align:left;width:904px;background:#fff;margin-bottom:0em;
}	
/* Sudo Slider */
#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;}
#slider li {width:904px;overflow:hidden;display:block;}	

/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. 
#slider li {display:none;}	
#slider li:first-child {display:block;}
*/

#slider {width:696px;}
/* // Sudo Slider */	
/* Numeric Navigation */
ol {margin:1em 0;padding:0;height:28px;	}
ol li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol li.current a{background:#5DC9E1;color:#fff;}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

.prevBtn, .nextBtn { display:block;width:75px;height:50px;position:absolute;left:-38px;top:25px;z-index:1000;background:url(../images/btn_prev.gif) no-repeat 0 0;cursor:pointer;}	
.nextBtn{ left:904px;}														
.nextBtn { background:url(../images/btn_next.gif) no-repeat 0 0;}