Проблема с браузерами

вопрос

Возникла проблема с отображением плеера в вкладке - все браузеры его видят, но только не Firefox

Поменял в коде значение embed на iframe. Да, проблема с мозиллой решена, алилуя! Но не тут-то было... Теперь в "Google Chrome" и "Safari" для одного из плееров, для его правильного отображения, необходимо стало нажимать F5, обновив страницу. Скрины:

Что стало вылезать во вкладке (сместились кнопки управления):

После нажатия F5 все стало на свои месте, как и должно быть:

Кусок кода:

<div class="tt-panel" style="display: block;">
<style>
.player-area{padding-bottom:0px;}
.player-area:after{content:"";clear:both;display:table;}
.player-selector{height:35px;}
.player-selector:after{content:"";clear:both;display:table;}
.player-selector span{
    float:left;
    height:28px;
    font:bold 13px/27px Tahoma,Verdana;
    padding:0 15px;
    background:#dadada;
    margin:7px 10px 0 0;
    color: #fff;
    cursor: pointer;
    border-radius:5px 5px 0 0; 
    -webkit-border-radius:5px 5px 0 0; 
    -moz-border-radius:5px 5px 0 0;
    overflow: hidden;
}
.player-selector span:hover{background:#ffad00;}
.player-selector span.current{
    height:100%;
    line-height:35px;
    background:#85aa1c;
    font-size:24px;
    font-weight:normal;
    margin-top:0;
    cursor:default;
}

.player-box-area{height:375px;width:695px;background:#fff;}
    .player-box-area embed{height:375px;width:695px;}
    .player-box-area .pbox{display:none;height:375px;width:695px;}
    .player-box-area .pbox.current{display:block;}
</style>

<script>
var player_id = 0;
$(function(){
    var player_id = $.cookie('player_id');
    if(!player_id || $(".pbox[data-id='"+player_id+"']").length<1) player_id = 0;
    if($(".pbox").length>1){
        $(".pbox").each(function(){
            $(".player-selector").append("<span data-id='"+$(this).data('id')+"'>плеер #"+Math.floor($(this).data('id')+1)+"</span>");
        }).eq(player_id).addClass('current');
        $(".player-selector span").eq(player_id).addClass('current');
        $('body').on('click',".player-selector span",function(){
            $(this).addClass('current').siblings().removeClass('current');
            $(".pbox").removeClass('current').eq($(this).index()).addClass('current');
            $.cookie('player_id', $(this).data('id'));
        });
    }else{
        $(".pbox").eq(0).addClass('current');
    }
})
</script>
<div class="player-area">
    <div class="player-selector"></div>
    <div class="player-box-area">
        [xfgiven_video_link_1]<div class="pbox" data-id="0"><embed src="[xfvalue_video_link_1]"></iframe></div>[/xfgiven_video_link_1]
        [xfgiven_video_link_2]<div class="pbox" data-id="1"><embed src="[xfvalue_video_link_2]"></iframe></div>[/xfgiven_video_link_2]
        [xfgiven_video_link_3]<div class="pbox" data-id="2"><embed src="[xfvalue_video_link_3]"></iframe></div>[/xfgiven_video_link_3]
        [xfgiven_video_link_4]<div class="pbox" data-id="3"><embed src="[xfvalue_video_link_4]"></iframe></div>[/xfgiven_video_link_4]
    </div>
</div>