Кнопка закрытия FancyBox показывает четыре кнопки в хром

Question

Я использую fancybox, чтобы позволить пользователям отправлять сообщения друг другу.У меня есть странная проблема, когда кнопка закрытия fancybox отображается четыре раза в Google Chrome, но прекрасно работает в Firefox.

Вот код для кнопки

#fancybox-close {
   position: absolute;
   top: -15px;
   right: -15px;
   width: 30px;
   height: 30px;
   background: transparent url('fancybox.png') -40px 0px;
   cursor: pointer;
   z-index: 1103;
   display: none;
}

Answer 1

попробуйте добавить:

background-repeat: no-repeat;

Возможно, вы захотите поэкспериментировать с шириной, высотой и т. Д.

Answer 2

Хммм. Может помочь просмотр страницы примера.

Этого не должно быть ... но я собираюсь дать предположение, что overflow: hidden; может помочь.