Спрайт фонового изображения запаздывает при наведении мыши

Question

У меня есть базовое меню DOM, в котором есть спрайтовые фоновые изображения для первого уровня «LI». Это работает просто отлично, но я предполагаю, что есть некоторая проблема, и вместо того, чтобы сразу переключать изображение при наведении, оно гаснет, и примерно через секунду изображение при наведении появляется (сдвигается).

Это происходит только при первом зависании. После этого все гладко, как и должно быть. Обновите страницу и там снова ... Разочарование ... Вот ссылка для проверки: http://goo.gl/6FAM

Проблема существует в Firefox v3.6.3. Chrome 5.0.375 и IE 8.0.7600 не имеют этой проблемы.

Есть идеи?

Answer 1

Это потому, что фоновое изображение при наведении не загружается, пока вы не наведите курсор мыши на кнопку.

Простым решением является использование CSS-спрайтов , так что у вас будет только 1 изображение для работы.