html - オペラ オーバーフローの問題 css/html

Question

グラデーションに問題があります。グラデーションはオペラでウェルを表示していません。私は何を間違っていますか？詳細なコードについては、jsfiddle を参照してください:)

http://jsfiddle.net/KtDTK/7/

<div class="product_1">   
  <div class="product_block">
    <div class="block-gradient">
</div>
  <div class="block-top">
    <div class="text">
  <h4>kenmerk header</h4>
  <div class="kenmerk">
    kenmerk
  </div>
</div>
  </div>
  <div class="block-mid">
    <div class="intro">
  Introduction
</div>
  </div>
  <div class="block-footer">
    <a class="meerinfo" href="/empty.php?p=meerinfo&menuID=1">info</a>
  </div>
</div>  
<div class="order">
  <p><a class="order_text" href="#">Bestellen</a></p>
</div>
</div>`

Answer 1

divで使用margin-top: -43px;する代わりに高さを減らします。.block-gradient

.block-gradient { 
border-radius: 253px 33% 304% 0;
height: 107px;
/*margin-top: -43px;*/
opacity: 0.4;
width: 204px;
z-index: 1;
}