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;
}
Простой
Средний
