IE7 контейнерное безумие на кнопке пользовательского интерфейса jQuery нажмите

Question

Нажав кнопки jQuery UI на странице с помощью IE7, контейнер прыгнет.

В окне «Заказать #product name #» slideDown слева, нажав кнопки «Количество запросов», контейнер перемещается на несколько пикселей. Я могу жить с этим, но хотел бы знать, почему это происходит.

Основная проблема с правой стороны. Нажатие на кнопки перемещает страницу влево, выставляя следующий плавающий div.

Почему это делается и как я могу остановить его ?!

Вы можете увидеть страницу по адресу http://www.thewebdes.co.uk/dev/cw/index.php.

- редактировать -

Вот что я вижу, когда я нажимаю на каждой из кнопок JQuery UI, в свою очередь: http://www.thewebdes.co.uk/dev/cw/cw-ss.gif

Кроме того, нажав прямо на наибольшее количество занимает контейнер по всей дороге как это было на предыдущем скриншоте. Щелчок назад к меньшему количеству не вернуть его обратно, если это дает какие-либо улики: http://www.thewebdes.co.uk/dev/cw/cw-ss2.gif

Answer 1

С помощью Вала (см вопроса комментариев), я получил это сортируется:

JS I» м, используя это:

$('.ui-button').click(function(){ 
    $('#' + $(this).attr('for')).attr('checked','checked'); 
    return false; 
}); 

на каждом ui-button мыши, return false отключает прыжки IE7. Тем не менее, он также устраняет возможность использования соответствующего переключателя ui-button. У переключателей (естественно) есть идентификатор того, что обозначение for, поэтому я получаю это с '#' + $(this).attr('for'), чтобы построить идентификатор, который мне нужен для этого переключателя.

Answer 2

если кто-то еще есть проблема, после CSS верстки работала для меня:

* + html .ui-helper-hidden-accessible { 
    position: fixed; /* Fix the jumpy behavior in IE 7*/ 
}