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

Question

我有一个个性化的jquery滑块，该滑块在Chrome中效果很好，但是当我在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。 这在消除许多（但不是全部）浏览器不一致方面做得很好。