Эффект отказов jQuery не работает для ссылок в неупорядоченном списке

Question

У меня проблемы с получением эффекта отказов. animate() работает до тех пор, пока тег привязки относительно расположен. Я сделал jsfiddle со всеми своими css и html с моего сайта, доступными здесь: http://jsfiddle.net/CRzFj/

Я ищу результат, похожий на http://jsfiddle.net/RGvjj/26/ но я думаю, что один из моих стилей CSS ломает отказов. Я не уверен, какой это все же.

РЕДАКТИРОВАТЬ На самом деле нашел ответ на этот вопрос вскоре после публикации и игры с jsfiddle. Мне нужно было добавить position: относительный и display: block к тегам span, удалив float: left.

.nav ul.primary-menu li a span {
    //float: left;
    height: 198px;
    line-height: 335px;
    text-align: center;
    width: 100px;
    // new code here
    display: block;
    position: relative;
}

Answer 1

Вы забыли добавить диапазон, так что просто сделайте это

$("#primary-menu-bar ul.menu li a span").hover(function() {
    $(this).effect("bounce", { times: 3 }, 300);
});