I noticed this issue was briefly referenced in a comment on the following Stack Overflow question: <a href="https://stackoverflow.com/questions/3323391/why-wont-my-silverlight-application-load-in-internet-explorer" rel="nofollow">Why won't my Silverlight Application load in Internet Explorer?</a>, but I have yet to come across any resolution to this particular issue.
I've read if you set the height and width of the object tag or remove the object tag from its DIV container that this can solve the issue. If this is easier for you, then you might want to try this first.
This is what my code looked like before the modification:
<div id="silverlightControlHost"> <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%" id="silverObj"> <param name="source" value="../MySilverlightApp.xap"/> <param name="onError" value="onSilverlightError" /> <param name="background" value="white" /> <param name="minRuntimeVersion" value="4.0.50826.0" /> <param name="autoUpgrade" value="true" /> <a href="http://www.microsoft.com/getsilverlight/get-started/install/default.aspx" style="text-decoration:none"> <img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight" style="border-style:none"/> </a> </object> <iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe> </div>
This is what the modified code looks like, basically I just removed all the content from the #silverlightControlHost DIV and then put all the content back into the DIV after the page load via JQuery: