Всем привет.
Нужна помощь. Проблема в слайде картинок
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;}
