私の画像スライドショーは、クロムとエクスプローラーの両方で正しい位置に表示されますが、Firefox では表示されません。画像は、slideshow_box 内に正しく配置されますが、Firefox では、ブラウザの右上まで離れています。スライドショーは JavaScript を使用して動作します。
これがなぜなのか誰にも分かりますか?
HTMLコード:
<div id="slideshow_box" class="clear">
<div class="slides">
<ul>
<li><a href="#"><img src="images/buses.jpg" alt="bus in clydebank" </a></li>
<li><a href="#"><img src="images/school_work.jpg" alt="school" </a></li>
<li><a href="#"><img src="images/haven.jpg" alt="the haven kilmacolm" </a></li>
</ul>
</div><!--slides-->
</div><!--slideshow_box-->
CSS:
#slideshow_box {
background: url(../images/slideshow-box.png) no-repeat; height: 312px; margin: 20px auto;
}
#slideshow_box .slides ul {
list-style:none; position:relative; bottom: 50px; left: 40px; width: 750px; height: 250px; overflow: hidden;
}
どんな助けでも大歓迎です:)