Silverlight z-order, html layering, etc

Took longer that it should to figure this one out: the Silverlight control on RaceReplay.net was obscuring the CssControlAdaptor menus.

Anyway, short story is that the solution is simple - WindowlessMode - and is introduced in this post on Using Opacity with a ... Mashup.

However, it shows javascript new agHost for "WPF/E", which looks slightly different now we have "Silverlight", so find your createSilverlight() function and add the bolded line (don't forget the comma):

function createSilverlight()
{
   var scene = new Blend1.Scene();
   Sys.Silverlight.createObjectEx({
   source: "Scene.xaml",
  parentElement: document.getElementById("SilverlightControlHost"),
 id: "SilverlightControl",
 properties: {
    width: "100%",
    height: "100%",
    version: "0.9",
    isWindowless: "true"
 },
 events: {
  onLoad: Sys.Silverlight.createDelegate(scene, scene.handleLoad)
 }
   });
}

[UPDATE] isWindowless works just fine on:

• Windows/IE


• Windows/Firefox


• MacOS/Firefox - Css menus look/work great versus the standard ASP.NET control

... but there seems to be a little problem with MacOS/Safari -- the menus pop-down behind the Silverlight control (making them slightly useless) BUT if you know their content, the mouseclick actually seems to go through the Silverlight control and trigger the relevant menuitem/link! Weird.
BTW, Silverlight doesn't even install on Safari 3.0 for Windows (yet)