The screenshot: 

Please fix this problem asap, or please tell me how to fix it right now.

As I mentioned on the subject I do it on IE. Okay meanwhile I will try your fix. ope this helps. :-)

Okay so it didn't help. I've already have these css settings:

[pre]

.wide_nav, .header_bottom {
    background-color: rgba(0, 0, 0, 0.5);
}

.header-container .icon:not(.icon-home) {
 padding-right: 5px;
}

#fieldmegamenu-main {
padding-left: 200px;
padding-right: 140px;
}

.field-main-slider_1 .large-slide-title, .field-main-slider_1 .small-slide-title, .field-main-slider_1 .big-slide-title, .field-main-slider_1 .div-slide-button {
    left: 695px;
}

.field-main-slider_3 .large-slide-title, .field-main-slider_3 .small-slide-title, .field-main-slider_3 .big-slide-title, .field-main-slider_3 .div-slide-button {
    right: 695px;
}

.conditions-box p.sale {
 background-color: #ea3a3c;
}

.price {
color: #ea3a3c;
}

.static-home-bottom .left_content, .static-home-bottom .content p {
text-align: left;
}

.static-home-bottom .content p {
padding: 0;
}

.static-home-bottom .left_content .rorate_em {
text-align: center;
margin-right: 15px;
}

.static-home-bottom .banner_block_content {
padding-left: 15px;
padding-right: 15px;
}

.product-container .right-block h5, .item-inner  .right-block h5 {
min-height: 46px;
}

.product-container .price-rating, .item-inner .price-rating {
min-height: 39px;
}

.static-home-bottom a {
font-size: 20px;
}

#layered_form .color-option {
background-size: cover !important;
}

.cart_block .cart-prices .cart-prices-line.last-line ~ p {
padding: 15px;
}

.ft_bg_hover {
background-color: #005AA0;
}

.ft_bg_hover.shopping_cart .ajax_cart_total {
color:white;
}

#category .hide-color-options.hide-stock-info .right-block {
    min-height: 150px !important;
} /* this even worsens it on Edge and Internet Explorer 11 */

[/pre]

as well you can try this link now. Because I've enabled friendly urls without ids: http://megasport.lt/dviraciai?id_category=59&n=45

Thank you even if I set lets say fixed important height on all the blocks on IE there are "odd" block like black sheep. Which breaks the line and pushes other blocks into another line. I understand the css. I know the how float acts. But seems like on IE there is some sort of extra sub pixels created, which are not displayed in compiled result. But they are read as in functional behavior of the blocks. Found this link. https://designshack.net/articles/css/everything-you-never-knew-about-css-floats/

I've skimmed the post. Need to fix this IE specific. Because It seems, that it is IE bug. Will try to add pseudo element per each last element per line. Or maybe display inline. Or maybe in the code count elements per line and wrap them with row. Or maybe with js count the elements and wrap them with row. It would be best that you would make it the way it should be, because if I update all my changes will be lost.

No the problem is that, lets say for Chrome min-height: 514px !important is enough. For IE you have to do height: 514px !important, to make it work. How to set change missing image thumbnail with own custom thumbnail which would be of the themes images size displayed in category grid?