Html firefox上幻灯片图像显示位置错误

我的图像幻灯片在chrome和explorer上都显示在正确的位置，但在firefox上没有。图像正确地放置在幻灯片框中，但在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--> 

---

任何帮助都将不胜感激：）

更换您的img标签

替换此

<li><a href="#"><img src="images/buses.jpg" alt="bus in clydebank" </a></li>

<li><a href="#"><img src="images/buses.jpg" alt="bus in clydebank"/> </a></li>

---

这是幻灯片ul和

#幻灯片放映"框

的高度相差

62px

。如果要将

.slides ul

置于容器内的中心位置，则底部值应为

31px

。顺便说一句，我认为如果你也为

#slideshow_box

定义宽度值会更好。

谢谢，但这解决了我在ie中显示浮动框的问题。这就是使用transitional而不是strict的问题，我想lol。幻灯片仍然显示在右上方！您是否可以检测到firefox以其他方式错误显示此信息？查看以上评论。谢谢，幻灯片框宽831px。我添加了这个，并尝试将底部值更改为31px，但在ie和chrome中进行了修改。图像仍在浏览器窗口的右上角

<li><a href="#"><img src="images/buses.jpg" alt="bus in clydebank"/> </a></li>