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

Question

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

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。这在消除许多（但不是全部）浏览器不一致方面做得很好。