Hi,

i'm using the UserCountryMap-Widget as IFrame on our page. But on the bottom of the frame, there are some pixels hidden.

How to reproduce the bug

1. Open the UserCountryMap on a new window. Like this
2. Reduce the height of the window, until the map fills the whole window
3. You will miss some pixels on the bottom of the window and a scrollbar will appear
4. Now you can change the height and width of the window and the count of the missing pixels will stay the same. If you change the height or width, the map has to fill the whole window.

Scrollbar appears:

Changed the width of the window, scrollbar stays:

Changed the width and the height of the window, scrollbar stays:

How to fix

Line 1220 of the visitor-map.js:

maxHeight = $(window).height() - (this.theWidget && this.theWidget.isMaximised ? 150 : 79);

window.height - 79 is not enough. I think the 79px are for the action- and controll-buttons on the bottom of the widget.
But you also need to calculate with the margin of the <div class="widget"> and <div class="UserCountryMap dataTable"...>:

The div with the class=widget has margin-top: 10px and margin-bottom: 10px
The div with the class=UserCountryMap dataTable has a margin-bottom: 9px

The border of the div with the class=widget is 1px and already subtracted in Line 1225:

map.container.height(h - 2);

So line 1220 should look like this:

maxHeight = $(window).height() - (this.theWidget && this.theWidget.isMaximised ? 150 : 108);

And the result would be, no scrollbar: