title: CSS3 Horizontal Dropdown Menu and Microsoft Silverlight Compatibility ... Mouseover / Hover Issues
body: <p>I’m trying to deploy a CSS3-based horizontal navigation menu on a still-under-construction site I’m working on.</p>
  
  <p>Hover or mouseover one of the menu’s titles and a drop-down menu appears.  Move the mouse off of the title, or off of the list of dropdown items, and the menu collapses.  So, the dropdown list of items stays open as long as it can ‘see’ the mouse pointer.</p>
  
  <p>The menu features containers that allow for the presentation of content from the site, or even other sites. E.g., it can display images or entire webpages.  I’m attempting to display an object created with Microsoft’s Silverlight platform. The object is embedded on another page of my site and, via php include, it plays well with the menu in all browsers I’ve tested it on … except Microsoft Internet Explorer 9.  (Haven't tried IE10 yet.)</p>
  
  <p>In the IE9 case, the Silverlight object appears as expected, but the dropdown menu collapses as soon as the mouse touches the displayed Silverlight object.  I.e., the CSS3 menu loses sight of the mouse and the dropdown collapses the moment the mouse pointer touches the Silverlight object.</p>
  
  <p>I haven't been able to find much in the way of help for this one.</p>
  
  <p>Any thoughts or guidance are much appreciated.  Thanks.</p>