Кнопка не работает в IE, нормально в Firefox / Opera / Chrome

Question

У меня была простая карусель, работающая на моем сайте, но как только мой код был вставлен в систему клиента (force.com), что-то мешало работе кнопки в IE.

Кнопка 'prev'видимый, но не кликабельный.Кнопка «Далее» в порядке.

Моя карусель на моем сайте: http://carolineelisa.com/TITTB/html/carousel.html

РЕДАКТИРОВАТЬ: Сайт клиента: http://www.tittb.org/

Код:

<div id="hasJavaScript" style="display: none">
  <button type="button" class="prev"></button>
  <div class="carousel">
    <ul>
      <li><img src="images/carousel_thumb_2.jpg" alt="" width="190" height="105" class="carousel-item-2"></li>
      <li><img src="images/carousel_thumb_3.jpg" alt="" width="190" height="105" class="carousel-item-3"></li>
      <li><img src="images/carousel_thumb_4.jpg" alt="" width="190" height="105" class="carousel-item-4"></li>
      <li><img src="images/carousel_thumb_5.jpg" alt="" width="190" height="105" class="carousel-item-5"></li>
      <li><img src="images/carousel_thumb_1.jpg" alt="" width="190" height="105" class="carousel-item-1"></li>
    </ul>
  </div>
  <button type="button" class="next"></button>
</div>

CSS

button.prev {
background: url("carousel_arrow_left.gif") no-repeat scroll left center transparent;
width: 23px;
height: 105px;
float: left;
padding:0;
margin:0;
}
button.prev:hover {
    background-position: -30px center;
}
button.next {
    background: url("carousel_arrow_right.gif") no-repeat scroll 5px center transparent;
    width: 15px;
    height: 105px;
padding:0;
margin:0;
}
button.next:hover {
background-position: -25px center;
}

Answer 1

Используйте <input type="button" /> вместо <button type="button"></button>

Вам также придется изменить слово button в вашем CSS. это было бы input.prev и input.next тогда

Цитата из W3Schools:

Внимание! Если вы используете элемент button в форме HTML, разные браузеры будут отправлять разные значения. Internet Explorer отправит текст между тегами и, а другие браузеры отправят содержимое атрибута value. Используйте элемент ввода для создания кнопок в форме HTML.

Answer 2

Вы можете использовать firebug и можете видеть, что происходит под капотом, однако есть большой шанс, что вы столкнетесь с этим сценарием CSS Проблема с контентом не активируется

Я полагаю, что тут нет ничего общего с типом ввода = "кнопка" или тип кнопки = "кнопка"