DIV блок не двигается назад после того, как JQuery toggleSlide

Question

Здесь я сделал эту страницу с JQuery - http://peterhay.com/Fluxx/people

Это прекрасно работает в любом браузере или устройстве рядом с Google Chrome ..

первый ряд картин работать нормально, но любая другая строка (вторая или третья и т. д.) не поднимается после того, как jQuery «detail_block» div получает «display: none» styling ... пожалуйста, просмотрите страницу с помощью Google Chrome и убедитесь сами.

CLICK на любой картинке из второй или третьей строки и снова нажмите кнопку «detail_block» get «hidden», а строка ниже не появится ... если вы нажмете на любое изображение из FIRST строки, все будет работать правильно ..

может кто-то пожалуйста, помогите мне с этим я не могу понять, что это не так ... и она отлично работает в любом другом браузере ...

Спасибо

Answer 1

он появляется <br> тега у вас внутри <div itemprop="articleBody"> возникает проблема в Chrome. Он не играет хорошо с вашим плавающим div. Я бы рекомендовал удалить тег <br> и использовать свойство clear, чтобы очистить поплавок.

.pages_highlight_box { clear: left; }

Удаление <br> решает эту проблему в Chrome.