silverlight limited to 100% browser height
I am having issues with getting a silverlight control to appear on a page in such a way that it is as wide as the browser but as long as it needs to be. 

I can't seem to nail down the CSS that enables this. The closest I have gotten is to make the Silverlight control as tall as the browser but no taller. Below is my aspx file:

    <%@ Page Language="C#" AutoEventWireup="true" %>
    
    <%@ Register Assembly="System.Web.Silverlight" Namespace="System.Web.UI.SilverlightControls"
    	TagPrefix="asp" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%;">
    <head runat="server">
    	<style type="text/css">
    		body
    		{
    			padding: 0px;
    			text-align: center;
    			background-color: #22395C;
    		}
    		#Content
    		{
    			width: 100%;
    			height: 100%;
    			text-align: left;
    		}
    		.Header
    		{
    			width: 100%;
    			height: 25px;
    			clear: both;
    		}
    	</style>
    </head>
    <body style="height: 100%;">
    	<form id="form1" runat="server" style="height: 100%;">
    	<asp:ScriptManager ID="ScriptManager1" runat="server">
    	</asp:ScriptManager>
    	<div class="Header"></div>
    	<div id="Content">
    		<asp:Silverlight ID="Xaml1" runat="server"
    						 Source="~/ClientBin/....xap"
    						 MinimumVersion="2.0.31005.0" 
    						 InitParameters="VideoId=11"
    						 Width="100%" Height="100%" 
    						 BackColor="Transparent"
    						 PluginBackground="Transparent"
    						 Windowless="true"/>
    	</div>
    	<div class="Header">&nbsp;</div>
    	</form>
    </body>
    </html>


silverlight limited to 100% browser height
===

I am having issues with getting a silverlight control to appear on a page in such a way that it is as wide as the browser but as long as it needs to be. 

I can't seem to nail down the CSS that enables this. The closest I have gotten is to make the Silverlight control as tall as the browser but no taller. Below is my aspx file:

    <%@ Page Language="C#" AutoEventWireup="true" %>
    
    <%@ Register Assembly="System.Web.Silverlight" Namespace="System.Web.UI.SilverlightControls"
    	TagPrefix="asp" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%;">
    <head runat="server">
    	<style type="text/css">
    		body
    		{
    			padding: 0px;
    			text-align: center;
    			background-color: #22395C;
    		}
    		#Content
    		{
    			width: 100%;
    			height: 100%;
    			text-align: left;
    		}
    		.Header
    		{
    			width: 100%;
    			height: 25px;
    			clear: both;
    		}
    	</style>
    </head>
    <body style="height: 100%;">
    	<form id="form1" runat="server" style="height: 100%;">
    	<asp:ScriptManager ID="ScriptManager1" runat="server">
    	</asp:ScriptManager>
    	<div class="Header"></div>
    	<div id="Content">
    		<asp:Silverlight ID="Xaml1" runat="server"
    						 Source="~/ClientBin/....xap"
    						 MinimumVersion="2.0.31005.0" 
    						 InitParameters="VideoId=11"
    						 Width="100%" Height="100%" 
    						 BackColor="Transparent"
    						 PluginBackground="Transparent"
    						 Windowless="true"/>
    	</div>
    	<div class="Header">&nbsp;</div>
    	</form>
    </body>
    </html>

