IE7 контейнер сумасшествие при нажатии кнопки jQuery UI

Question

Нажатие кнопок пользовательского интерфейса jQuery на странице с использованием IE7 вызывает скачок контейнера.

Под слайдом 'Order the #product name #' слева, нажатие кнопки «Необходимое количество» заставляет контейнер переместиться на несколько пикселей вверх. Я могу жить с этим, но хотел бы знать, почему это происходит.

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

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

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

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

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

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

Answer 1

, если у кого-то все еще есть проблема, у меня сработало следующее форматирование css:

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

Answer 2

С помощью Val (см. Комментарии к вопросам) я отсортировал это:

Я использую JS:

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

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