Sherbatiy

ul элементу стоит

<ul class="products masonry-done" style="position: relative; height: 238.3px;">

а внутри его стоят li

<li class="product-category product first" style="position: absolute; left: 0px; top: 0px;">
	<a href="http://lense26.com/product-category/acuvue/"><img src="http://lense26.com/wp-content/uploads/2016/07/acuvue-oasys-12pk-348x244.jpg" alt="Acuvue" width="348" height="244">		<h3>
			Acuvue		</h3>
		</a></li>

а так как они выпали с потока блок не расширяется автоматически и остается таким как его ваш плагин высчитал в моем разрешение это было height: 238.3px с включенным фаир багом было 173. как выход не позиционируйте li как абсолют сделайте релатив (как самое быстрое решение ) и расставьте так как вам это угодно. Соответственно с релатив они попадут в поток и проблема наезжания пропадет.

p. s.
как затычка временная

.product-category.product {
  display: inline-block;
  float: none !important;
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
 vertical-align: top;  // в других разрешениях были на одной линии товары
}
.products.masonry-done {
  height: auto !important;
}

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

1. docker-окружение
(в 90% случаев для веб-разработки достаточно php -S 0.0.0.0:8000)
виртуальные машину становятся нужны:
- когда надоест переустанавливать хост-систему из-за обилия хлама
- когда работаешь с несколькими проектами имеющие специфические (разные) настройки окружения(php, web-сервер, база)
- когда надоест решать проблемы в команде из-за того что по разному настроено окружение

2. git - система контроля версий
Помнить что ты и когда изменял, должен не человек, а машина.
Это необходимо:
- чтобы не испортить всю работы за прошедший год нажав del
- чтобы определить кто из команды злодей и все испортил
- чтобы не думать как перенести свежую версию проекта с одной машины на другую

3. composer - пакетный менеджер для php
Нужно, когда лениво помнить все ссылки на все php библиотеки, самому качать их, подключать в автозагрузку

4. behat + phpspec
Тесты нужны:
- когда хочется почувствовать себя безопасности и для сладко спать ночь, забыв о кошмарах о сломанном коде
- когда в production все снова сломалось
- когда ты написал одну новую фичу, а сломал три

5. zsh
Хорошей консолью приятно пользоваться, работа идет быстрее.
Консоль есть жизнь, жизнь есть shell.

6. tmux
Мало одно окошка в консоли, тогда tmux идет к вам.
В качестве бонуса получите возможность парного программирования совершенно бесплатно

7. tmuxinator
Надоело каждый раз открывать кучу окон для tmux, попробуйте его )
8. vim
- Потянуло на что-нибудь необычное?
- Хочется эффективнее писать код ?
Ну что открыли vim? В первый раз? Поздравляю закрыть вы его не сможете )
Вызывает зависимость при частом потреблении

9. continuous integration сервер
Вообще ci сервер это одушевленная машина. Это твой тамагочи, ты кормишь его хорошим кодом, он радуется и ты видишь приятный зеленый огонек. Если ты дал с код от скажет что не вкусно. Ну а если ты ему, что гнилое он будет долго на тебя орать плохими словами. Со временем он растет и учится делать более серьезные вещи, и начнет помогать тебе:
Его скилы:
- он может сам выполнить 10 минутные тесты
- подготовить и опубликовать проект
- рассказать о твоем коде, даже то что ты не знаешь
Он легко обучается и ты легко сможешь научить его удивительным вещам.

10. куча линтеров на pre commit hook
Чтобы ci не кормить плохими продуктами, хорошо бы проверять что ты сделал до отправки на сервер. Что бы не забыть это сделать git сам работу.

11. gulp
gulp - это еще один твой помощник.
как если использовать, как watcher файлов + livepreview, можно забыть о F5 в браузере

12. bower
Тоже что и composer но для управления ассетами. Это я о всяких jQuery и Bootstrap

666. Линукс
Даже если не хочется ставить как хост-систему, его все равно надо знать. Ваш код будет работать на нем )

$(document).ready(function(){
         	$('a[href*=#]').bind("click", function(e){
         		var anchor = $(this);
         		$('html, body').stop().animate({
         			scrollTop: $(anchor.attr('href')).offset().top
         		}, 1000);
         		e.preventDefault();
         	});
         	return false;
         });