Two parts to this.
Resize the div of the map to the right size. Either set it to 100% or else add sizing to custom MapResize()
<div id='myMap' style="position:relative; width:100%; height:100%;"></div>
Call map.Resize() with the correct size.
function MapResize() //resize
{
if (map != null)
{
if( typeof( window.innerWidth ) == 'number' )
{
//Non-IE
map.Resize(window.innerWidth,window.innerHeight);
}
else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) )
{
//IE 6+ in 'standards compliant mode'
map.Resize(document.documentElement.clientWidth,document.documentElement.clientHeight);
}
}
}
usage:
<body onload="GetMap();" onresize="MapResize();">
To drop the scrollbars:
IE
<body onload="GetMap();" onresize="MapResize();" scroll="no">
FF - add to css
html {max-height:100%;overflow:hidden;}