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> 

Выше только часть code.It отлично работает на Chrome, поэтому нет никаких проблем с кодировкой по мне, но я не знаю, почему он не работает в Firefox.If вам нужно что-нибудь еще ,Пожалуйста, не стесняйтесь спрашивать. Ссылка на сайт: www.dailycrazydeals.com

Answer 1

Это исправлено для Firefox для меня. Не проверял IE:

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

FYI, я понятия не имею, почему Firefox/IE будет делать это, когда другие браузеры не делают. По этой причине я всегда запускаю свой css, используя некоторую версию файла сброса (например, http://meyerweb.com/eric/tools/css/reset/). Это неплохо справляется с удалением многих (но не всех) несоответствий браузера.