javascript - Jquery Slider 在 Chrome 中显示正常但在 Firefox 中不显示

Question

我有这个个性化的 jquery slider ，它在 Chrome 中运行良好，但是当我在 Firefox 或 IE 中打开我的网站时，图像变大并且我在 slider 中添加的行重叠。你能帮我吗？

HTML Code:
<h1>Daily Deals</h1>
<div id="mi-slider" class="mi-slider">
<ul>
   <li>
<table border="0" cellspacing="0" cellpadding="0" class="jquery_table">
<tbody>
<tr>
<td>
<CENTER>
<a href="#"><img src="#" alt="img11"><h4 >test</h4></a></CENTER>
<img src="#" alt="#">
<hr width="130%">
   </li>
</td>
</tr>   

           <tr align="center" valign="center">
                    <td>WAS:</td>
                    <td class="strikethrough">$179.95</td>
                  </tr>
                <tr>
                    <td>YOU SAVE:<hr width="130%"></td>
                    <td>$40.00<hr width="100%"></td>
                </tr>
<tr>
<td><a rel="nofollow" href="#"><h2 align="right" valign="top" font-size="20px" font color="#006CCE" font-style="normal">$130.95</h2></a></td>
</tr>
</tbody>
</table>
</ul>
<nav>
    <a href="#">Shoes</a>
    <a href="#">Accessories</a>
    <a href="#">Watches</a>
    <a href="#">Bags</a>
</nav>
</div>

以上只是部分代码，在chrome上运行正常，按照我的编码是没有问题的，但是不知道为什么在firefox上就不行了，如果还有需要，欢迎交流问。 网站链接是 www.dailycrazydeals.com

Answer 1

这为我在 Firefox 上修复了它。没有检查 IE:

.mi-slider ul li img {
    width: 100%;
}

仅供引用，我不知道为什么 Firefox/IE 会在其他浏览器不这样做时这样做。出于这个原因，我总是通过使用某个版本的重置文件(例如 http://meyerweb.com/eric/tools/css/reset/ )来启动我的 css。这在消除许多(但不是全部)浏览器不一致方面做得很好。