This one has puzzled me for a while and still does.
The generated markup for and asp.net page used to host a Silverlight control is shown in the following listing.
<body style="height:100%;margin:0;">
<form id="form1" runat="server" style="height:100%;">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<div style="height:100%;">
<asp:Silverlight ID="Xaml1" runat="server"
Source="~/ClientBin/SilverlightApplication1.xap"
MinimumVersion="2.0.30523" Width="100%" Height="100%" />
</div>
</form>
</body>
Have you ever wondered why the body, form and div tags all have their height style set to 100%. Well it turns out that if they are not set then the Silverlight control may not render properly in FireFox. I say may not as I have seen cases where it will render correctly. From what I can tell all these tags must have their style heights set to 100%.
I stumbled across this during some experimentation with a Silverlight application I wrote that mimics a MIX08 session I watch a while back. You can watch the session at silverlight.net. The app I wrote that mimics the app created during this session can be viewed at CynotWhyNot.com and the code can be downloaded here. Just take the code and remove the style attributes from the body, form and div tags and try running the app in first IE and then FireFox. It should render correctly in IE but not in FireFox.
Guess the movies
Great balls of fire! HICCUP! It's Rhett!