<?xml version="1.0" ?><html>
<head>
<title></title>
</head>
<body>
<div align="left"><font face="Arial"><span style="font-size:10pt">Problem:</span></font></div>
<div align="left"><font face="Arial"><span style="font-size:10pt">SWFObject is out of focus when placed underneath <i>and outside</i> an HTMLObject.</span></font></div>
<div align="left"><font face="Arial"><span style="font-size:10pt">_________________________________________________________________</span></font></div>
<div align="left"><br />
</div>
<div align="left"><font face="Arial"><span style="font-size:10pt">Consider this scenario .. two div containers, one holding SWFObject the other holding
HTML (in an embedded iframe) which aims to overlay the SWFObject.</span></font></div>
<div align="left"><br />
</div>
<div align="left"><font face="Arial"><span style="font-size:10pt">Objective .. to get HTMLObject to <i>part overlay</i> SWFObject.</span></font></div>
<div align="left"><br />
</div>
<div align="left"><font face="Arial"><span style="font-size:10pt"><div id="flashcontent" ></div></span></font></div>
<div align="left"><br />
</div>
<div align="left"><font face="Arial"><span style="font-size:10pt"><div id="htmlcontent" ><iframe src="http://www.google.com" etc. ....></iframe></div></span></font></div>
<div align="left"><br />
</div>
<div align="left"><font face="Arial"><span style="font-size:10pt">Stylesheet sets div positions and</span></font></div>
<div align="left"><font face="Arial"><span style="font-size:10pt">div.flashcontent as z-index: -1;</span></font></div>
<div align="left"><font face="Arial"><span style="font-size:10pt">div.htmlcontent as z-index: 10.</span></font></div>
<div align="left"><br />
</div>
<div align="left"><font face="Arial"><span style="font-size:10pt">SWFObject div container has parameter - so.addParam("wmode", "opaque").</span></font></div>
<div align="left"><br />
</div>
<div align="left"><font face="Arial"><span style="font-size:10pt">Now .. where part area of the flashcontent falls underneath the htmlcontent <i>and also
outside</i> the htmlcontent (i.e. to the left or right) the flashcontent is out of focus (i.e. right
click does not show "About Flash Player 9" ).</span></font></div>
<div align="left"><br />
</div>
<div align="left"><font face="Arial"><span style="font-size:10pt">But the area of the flashcontent which is outside the y region of the htmlcontent is still
in focus.</span></font></div>
<div align="left"><br />
</div>
<div align="left"><font face="Arial" color="#0000ff"><span style="font-size:10pt">So net effect .. we have a SWFObject (overlaid by HTMLObject) which is part in focus
and part out of focus!</span></font></div>
<div align="left"><br />
</div>
<div align="left"><font face="Arial" color="#0000ff"><span style="font-size:10pt">In other words, the htmlcontent div seems to keep in focus the entire width of the
browser and not just the width of the htmlcontent div container.</span></font></div>
<div align="left"><br />
</div>
<div align="left"><font face="Arial"><span style="font-size:10pt">Is this a CSS problem to crack?</span></font></div>
<div align="left"><br />
</div>
<div align="left"><font face="Arial"><span style="font-size:10pt">DL</span></font></div>
</body>
</html>