jquery - Border Radius の Fancybox の白い角

Question

Fancybox http://jsfiddle.net/LF27m/2/に Border radius を適用しています。Border radius を設定すると、Fancybox に白いコーナーが作成されます。これを削除する方法はありません。

私のcssコードは次のとおりです。

#a1 div.popup-container{
height:350px;
width:400px;
background:#88B3D1;
-moz-border-radius:30px 30px 30px 30px; 
border-radius:30px 30px 30px 30px; 
-webkit-border-radius: 30px 30px 30px 30px;
overflow: hidden;
}

私のHTMLコードは次のとおりです。

<div id="a1">
    <div class="popup-container">
        <div class="image-container">
            <img src="AllureFree Logo.gif" alt="Smiley face" width="130" height="130"/>
        </div>
        </br>
        <div>
            <h2 style="text-align:center; color:white;"> You must be 18 to shop on our Website.</h2>
            <h2 style="text-align:center; color:white;"> Please verify your birthdate.</h2>
        </div>
</div
</div>