title: html overlay in a silverlight app
body: <p>Having already read a number of articles on this here is the code I've come up with.
  Can someone please tell me why the <code>&lt;table&gt;</code> doesn't overlay on top of the SL app? I'm aware the table I posted doesn't have anything visible in it but in my code it does.</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      #TABLESTYLE
      {
      position:absolute;
      top:0px;
      left:0px;
      }
      &lt;/style&gt;
  
      &lt;style type="text/css"&gt;
      #SLSTYLE
      {
      position:absolute;
      top:100px;
      left:0px;
      }
      &lt;/style&gt;
  
       &lt;/head&gt;
       &lt;body&gt;
  
       &lt;table id="TABLESTYLE" width="100%" border=0 bordercolor="#5b5b5b" cellspacing=0                                           cellpadding=0 z-index=1&gt;
       &lt;col width="10%"&gt;
       &lt;col width="80%"&gt;
       &lt;col width="10%"&gt;
       &lt;tr&gt;
      &lt;div style="font-family:Arial; height:128px; width:100%; background:#5b5b5b;"&gt;
       &lt;/table&gt;
  
        &lt;form id="SLSTYLE" runat="server" style="height:100%" z-index=-1&gt;
        &lt;div&gt;
        &lt;object data="data:application/x-silverlight-2,"  type="application/x-silverlight-   2" width="100%" height="100%"&gt;
      &lt;param name="source" value="xxx.WebUI.xap"/&gt;
      &lt;param name="onError" value="onSilverlightError" /&gt;
      &lt;param name="background" value="white" /&gt;
      &lt;param name="minRuntimeVersion" value="4.0.50826.0" /&gt;
      &lt;param name="autoUpgrade" value="true" /&gt;
          &lt;param name="windowlessmode" value="true" /&gt;        
       &lt;/form&gt; 
  
  
       &lt;/body&gt;
  </code></pre>