Странная проблема с фоновым изображением и границей в IE11

Question

Здесь находится тестовая ссылка: http://bybyweb.com/cafe-vert/. Задача: В IE11 есть странное пустое (?) Пространство в правой части «окна продукта»: «PERDEZ PLUS DE 10KG и т. Д. И т. Д.» - часть (зеленая коробка и три белые коробки слева стороны). Похоже, что фоновое изображение не «растягивается» до ширины контейнера (изменение ширины контейнера не решает проблемы).

В Firefox и Chrome все выглядит идеально.

Соответствующий код: HTML

<div class="product-box first-box"> 
<h4>PERDEZ PLUS DE 10KG - Achetez 3 MOIS et obtenez 2 gratuitS! </h4> 
</div> 
<div class="product-box "> 
<h4>PERDEZ entre 5 et 10 kg - Achetez 2 MOIS et obtenez 1 gratuit! </h4> 
</div> 
<div class="product-box "> 
<h4>PERDEZ ENTRE 3 ET 5 KG - ACHETEZ 1 MOIS DE CURE!</h4> 
</div> 
<div class="product-box "> 
<h4>DERNIÈRE CHANCE !! - Achetez 1 MOIS et obtenez 1 gratuit! </h4> 
</div> 

CSS:

.product-box { 
    width:598px; 
    height:210px; 
    border:1px solid #0b7564; 
     background-position:center top; 
border-radius:7px; 
    margin:0 auto; 
    -webkit-box-shadow: 2px 7px 15px -10px rgba(112,108,112,1); 
-moz-box-shadow: 2px 7px 15px -10px rgba(112,108,112,1); 
box-shadow: 2px 7px 15px -10px rgba(112,108,112,1); 
margin-bottom:23px; 
background-image:url(../images/product-bar.png); 
background-position:top; 
background-repeat:no-repeat; 

background-clip:border-box; 
} 

Я предполагаю, что это связано с границы радиуса использования, но я не могу найти IE (11, и, вероятно, более низкие версии) Исправить ... Спасибо заранее!

Answer 1

Может быть, не лучший ответ, но установка ширины окна .product-box на 597px, кажется, очищает его для меня.