Переполнение Chrome: скрытый и встроенный баг

Question

У меня есть ошибка, связанная с Iframes / Youtube Video & Chrome ...

Получил div

<div id="single">
      <div id="poza-mare">
        <div class="items">
              <div><iframe width="710" scrolling="no" height="360" frameborder="0" src="http://www.youtube.com/embed/CblqeBA0iIk" type="text/html"></iframe></div>
              <div>...</div>
              <div>...</div>
        </div>
      </div>
</div>

#poza-mare{position:relative;overflow:hidden;clear:both;height:360px;}
#poza-mare div {float:left;display:block;width:710px;}
#poza-mare .items {width:20000em;clear:both;margin:0;padding:0;position: absolute;}
#single{width:710px; overflow:hidden; margin:0 auto;z-index:2;}

В любом случае, класс div в элементах анимируется Scrollable jQuery иiframe просто не хочет скрываться при прокрутке влево (он просто остается видимым, когда все остальное скрывается).Это происходит только в Chrome, в Firefox / Safari / IE9 / Opera работает отлично.

Что я могу сделать, чтобы это работало?: (

Ссылка: http://lesateliersnomad.com/showcase/2d-animation/artmania-festival-2010/

Заранее спасибо!

Answer 1

"?wmode=opaque" в видео на YouTube исправит проблему с кадром. :)

Answer 2

Как уже упоминалось: переполнение: скрыто; не работает на Chrome с IFRAME?

Все, что вам нужно, это атрибут прокрутки <iframe scrolling='no' src='..'> </iframe>

Проверено и работает.

Answer 3

Попробуйте исправить это, добавив { zoom: 0.99999 } перед прокруткой и после того, как это сделает { zoom: 1 } Этот хак мне помог.:)