Resource types

Hello Moodlers

I have spent hours if not days trying to get Vimeo iFrames working in a responsive way.
I believe that I am 99% there.
Just the last 1% to go.

If you go here:

http://www.finalbug.net/courses-fcpx-and-related-post-production-tools

And click on “Resolve 11 Edit” and click on the first section “Resolve Edit 01”

You should see that the video is responsive!!!

I am not much of a coder but I kind of copied and pasted this together as follows

CODE START

<div style="position: relative; padding-bottom: 56.25%; height: 0;"><iframe src="https://player.vimeo.com/video/122006664?color=32af53&amp;title=0&amp;byline=0&amp;portrait=0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

CODE END

What I do not get is why I am seeing scroll bars?

Anybody got any ideas?

thanks in advance

Paul