Fondbox iframe IE rounded corners

Question

I tried a couple of solutions to get rounded corners for a fancybox iframe in IE with no luck.

DD_roundies and PIE.htc don't seem to do the trick.

Has anyone found a solution that works?

Here is my code:

    $("a.fancyboxGeneral").fancybox({
        'width': 521, 
        'height': '75%',
        'autoDimensions': true,
        'autoScale': true,
        'type': 'iframe',
            'onComplete': function () {
                DD_roundies.addRule('#fancybox-title', '5px', true);
                DD_roundies.addRule('#fancybox-outer', '10px', true);
                DD_roundies.addRule('#fancybox-wrap', '10px', true);
            }
    });

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none;
    -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
    behavior: url(PIE-1.0beta3/PIE.htc);
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
    behavior: url(PIE-1.0beta3/PIE.htc);
}

thank

Answer 1

I can definitely understand why you will have problems with rounding IFrame corners in IE without CSS help. I doubt that any of the known hacks will be able to handle this (although you can mention it on the CSS3Pie forum).

, , IE. , , , , , . ? , , ?

, <div> .

iFrame, , ; , iFrame div, . , , , , .

- iframe, .. iframe iframe. , , , iframe. , , .

Answer 2

, ( , ), Fancybox2 .fancybox-skin .fancybox-title-float-wrap.child, IE9 ( ).