Lightbox (videobox) fond pas gris sur IE

Bonjour,
Avant de venir solliciter votre aide, j'ai recherché partout sur le net.
J'ai créer une videobox: http://www.cyrusprod.com/productions.html qui marche très bien sur Firefox, Safari et Opera mais sur IE ... le fond ne se grise pas, il reste normal, du coup la vidéo ne ressort pas très bien.

Code des vidéos:
<a href="animation.swf" value="SteelExternalPlaySeekMute.swf" rel="vidbox 364 237" title="Animation 2D / 3D"><span class="style20">Extraits d'animation 2D / 3D</span></a>
<a href="video.swf" value="SteelExternalPlaySeekMute.swf" /margin-top="50px" rel="vidbox 364 237" title="Vidéo"><span class="style20">Extraits vidéo</span></a>

CSS lightbox:
body {margin: 0;}
#lbOverlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
position: fixed;
}

#lbCenter, #lbBottomContainer {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff;
text-align: center;
padding: 5px;
}

.lbLoading {
background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}

#lbPrevLink {
left: 0;
}

#lbPrevLink:hover {
background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
right: 0;
}

#lbNextLink:hover {
background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 5px solid #fff;
border-top-style: none;
}

#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(closelabel.gif) no-repeat center;
margin: 5px 0;
}

#lbCaption, #lbNumber {
margin-right: 71px;
}

#lbCaption {
font-weight: bold;
}


Si quelqu'un trouve la solution alors merci :)
Emilie