Responsive scaling issues with HTML5

[MickeyUSC]

I have updated an HTML canvas project that I currently have on my website with new information.  It seems that the new program saves different information in the HTML and JS files.  this is not usually a problem since I go in and fix the links and everything but this time the scale is escaping me.  The new map I made will scale but it is scaling to the total window width and not the div that it is located in so it ends up being partially off the screen.  Does anyone know how to get the responsive features to scale correctly?

[ClayUUID]

Have you tried putting it in an iframe instead of a div?

[MickeyUSC]

That was what I originally did a couple of years ago when I first made it.  The problem was that the iframe would not scale the image correctly and the links to other pages on my site would open in the iframe instead of the window.  I created the canvas document pretty large so that it could scale to whatever size was needed.  It is a graphical navigation picture.  It is a map of the us and users can click the state they are in and it will take them to the correct information page.