Chrome. Некорректное отображение ширины документа
 

Всем доброго времени суток.

Делаю горизонтальное меню с позиционированием сабменю по принципу: если сабменю не вмещается в область окна браузера справа - даю позиционирование налево.
Работает все отлично во всех браузерах кроме Хрома (и в Safari тоже работает). В хроме наблюдается неприятный баг: при открытии сабменю визуальная ширина документа увеличивается на то расстояние, на которое бы увеличивалась, будь сабменю в правую сторону. Именно визуальная ширина, так как вывод ширины html, body, #wrapper дает одно значение (правильное), а на деле выводится иначе.
Скриншот бага

И конечно же jsfiddle

P.S. На то, что это баг указывает факт, что при включении/отключении любого свойства через отладчик ширина обновляется до нужного значения.
Пробовал делать такое обновление

$('body').width($('body').width()).css('width','')

- не помогает,

$('body').css('overflow':'hidden').css('overflow','')

- тоже не помогает.

Всем спасибо за помощь