Расположение всплывающих компонентов меняется при перемещении

Question

Я разработал некоторое всплывающее меню с движением JQuery, оно выглядит идеально в браузерах webkit, но у меня есть одна проблема в Mozilla, когда я перемещаю свое всплывающее окно, расположение некоторых компонентов в этом окне меняется! Например, кнопка добавляет изменения: альтернативный текст http://img697.imageshack.us/img697/5973/capture2fw.jpg в: альтернативный текст http://img685.imageshack.us/img685/8836/capturerl.jpg или в: альтернативный текст http://img695.imageshack.us/img695/2971/capture3ta.jpg, и это абсолютно случайно. Что это может быть? Это изображение в промежутке:

<span class="sw_link_add"></span>
.sw_link_add {
   background:url("/img/confirm_new.png") no-repeat scroll right center transparent;
   cursor:pointer;
   padding-right:30px;
   padding-top:2px;
}

Answer 1

Это причина, по которой вы используете <span> вместо <img>? У меня возникли проблемы с контролем высоты и ширины <span> элементов (или встроенных текстовых элементов в целом), когда контент может доставить вам нежелательные проблемы (даже если контент пуст). Такие вещи, как высота строки, размер шрифта и т. Д. Могут сделать высоту непредсказуемой.

Вы можете попробовать поэкспериментировать с различными font-size с и line-height с.