Silverlight site browser zoom problem


I have developed a Silverlight website. The problem i am facing currently is when i use the browser zoom, it displays the magnified version of the site without browser scrollbars. The content is clipped. Please check these images which displays my problem.

The following is the design code in my aspx page where the silverlight object is hosted.

<form id="form1" runat="server" style="height: 100%;"> <div id="silverlightControlHost" style="background: #9EEE69;"> <object id="silverlightObject" data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">

    html, body
        height: 100%;
        padding: 0;
        margin: 0;
        height: 100%;
        text-align: left;
        width: 100%;

create javascript function

function bodyLoadEvent() { = (parseInt(document.body.offsetHeight) - 5).toString() + "px"; = (parseInt(document.body.offsetWidth) - 5).toString() + "px";
document.getElementById("myhtmlbody").style.height = (parseInt(document.body.offsetHeight) - 5).toString() + "px";
document.getElementById("myhtmlbody").style.width= (parseInt(document.body.offsetWidth) - 5).toString() + "px";


and call this function on body load. i.e.
<body onload="bodyLoadEvent();">
<form id="form1" runat="server" style="height:100%;">