CSS: проблема позиционирования YouTube с ie7!

Question

Я обертываю видео на YouTube внутри div.vidwrapper.Я не хочу, чтобы видео было видно, а только элементы управления.Это прекрасно работает во всех браузерах, но не в IE7.Я понятия не имею, что мне нужно сделать, чтобы разместить видео внутри моего div .vidwrapper в IE7.

html

<div class="vidwrapper">
   <object class="video" width="308" height="100">
   <embed src="http://www.youtube.com/watch?v=1QP-SIW6iKY" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="308" height="100" wmode="opaque"></embed>
   </object>
</div>

css

/*VIDEO*/
.vidwrapper {
    width:308px;
    height:25px;
    overflow:hidden;
    position:relative;
}
.video {
    bottom:0px;
    position:absolute;
}

Вот пример http://jsfiddle.net/3n3C7/ Проверьте этов любом современном браузере, а затем проверить его в IE7.Я хочу, чтобы в IE7 были видны только элементы управления.

Есть идеи, как мне это сделать?

Answer 1

Попробуйте использовать _height: 21px; это должно работать. Поскольку я не на Windows, так что это, вероятно, мое предположение, но это работает большую часть времени.

А как насчет этого?

 <iframe title="YouTube video player" width="480" height="25" src="http://www.youtube.com/embed/riW4W66ptqI" frameborder="0" allowfullscreen></iframe>