Finished "Build an Interactive Website" Course but can't get rid of the border.

Hi all,

Yay, I've completely finished the "Build an Interactive Website" course. But, inevitably as the course is about 2 years old there are one of 2 areas where the course shows its age.

In the last stage there's a point where we look at the border around the map area and take care of the scrolling so the responsiveness works.

And I've taken care of most of that, as you can see here. :-)

http://www.jonniegrieve.co.uk/lab/cupcakes/locations.html

So, I wanted to get some heads together and see how we might fix it, or if indeed there's something to fix.

One

The remove the scrolling, we've gotten round this by simply adding the scrolling attribute which is set to "no". And it does the trick just fine, but immediately I wonder if it;s in fact valid code. I don't think it meets modern browser standards.

Two

Seamless doesn't seem to remove the border, so I wonder if that too has been deprecated. I've kept it in for now but I've tried to get round this by applying styles

html, body, #map {
        width: 100%;
        height: 100%;
        border: none;
    }

But still no joy, there's still seems to be a border when looking at it in Chrome.

Any ideas or am I better to just leave it there? :)