iframe trece prin footer

[Deejay Giuliano]

Salutare, am o mica problema. Folosesc un iframe pentru top 40 de la o alta pagina wordpress, iar topul trece prin footer. 

radioalways.ro/always-chill-40/ - aici e problema.

Am pus CSS acesta la pagina:

html,body    {height:100%;}
.wrapper     {width:80%;height:100%;margin:0 auto;background:#CCC}
.h_iframe    {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%}

Iar html-ul e asta:

<div class="wrapper"><div class="h_iframe"><img class="ratio" src="http://placehold.it/16x9"/><iframe src="http://radioalways.ro/top40/hot40" frameborder="0" scrolling="no" width="1200" height="5680"></iframe></div></div>

M-ati putea ajuta va rog sa rezolv situatia ? Am pus acest iframe fiindca vreau sa fie responsive sa se vada foarte bine si de pe telefon si de pe calculator

[DeNyS.]

Adaugă: 

.post-wrap, .page .post-wrap {
    overflow: hidden; // ascunde toată partea care merge peste footer.
}

.qw-chart-container {
    overflow: scroll; // face in mod ca top 40 să poată să fie in scroll.
}

Ar trebuii sa rezolve problema. // Nu știu dacă are efecte negative pe alte pagini.