Comments/embedded items

Suggested fix: script to ensure the following parameter is in the <embed /> tag...

wmode="transparent"

This and a z-index on the div (that hovers over) will mean it will appear in front of it!

I've come across this problem before! :)

Try this...

<script language="Javascript" type="text/javascript">
document.observe("dom:loaded", function() {
$$('embed').each(function(s) {
var embed_param = document.createElement('param');
embed_param.setAttribute('name', 'wmode');
embed_param.setAttribute('value', 'transparent');

s.appendChild(embed_param);
});
});
</script>

There may be a slightly more efficient way to do it... It's been a while since I've used prototype.js. I could do it much more eloquently in mootools ;)

Hmm negative.

The param is inserted correctly, but apparently the object cannot be altered dynamically. It has to be set when the page renders.

 http://www.csschat.com/showthread.php?t=8510

Does it use PHP? I would use a script to first strip out any existing wmode's to prevent duplicates with a preg_replace and then use preg_replace again to insert into all embed tags on the page.

Regex to remove existing ones would be:

"/wmode=\"(.*?)\"/i" replace with ""

Then you could search for <embed and replace with <embed wmode="transparent"