HTML Snippets not working for most browsers

Question

I have a page with a flash movie in the background, which uses the following code in an HTML snippet:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#v ersion=6,0,40,0"
WIDTH="602" HEIGHT="420" id="BGAnimation">
<PARAM NAME=movie VALUE="BGAnimation">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=base VALUE=".">
<EMBED src="http://www.site.com/somefile" quality=high WIDTH="600" HEIGHT="420"
NAME="BG Animation" ALIGN="" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" base=".">
</EMBED>
</OBJECT>
On top of that, I have 3 other snippets, which are buttons, and are coded as follows:
<script type="text/javascript">
function mouseOver()
{document.rolloverone.src="rolloverpicture.png"}
function mouseOut(){
document.rolloverone.src="offpicture.png"}
</">
Of course the locations and file names have been changed, because I can't actually show people the site yet. Anyhow, it all works fine on my computer, in both Safari and Firefox, but tests on Windows computers and older macs have not been successful. The buttons are behind the flash movie (therefore invisible), or they block out part of the Flash movie, depending on which browser is used.
I should mention two more things: I have done tests where the buttons were placed off to the side of the flash movie, rather than on top of it, and the buttons looked and worked fine in all browsers.
Also, the PNG files used for the buttons are partly transparent, so you should be able to see the Flash movie below them, even the part of it that falls inside the boundaries of the button.
I have a feeling the whole "HTML Snippet" thing is not fully compatible, or they just don't like to be stacked on top of each other or something. Does anyone know how to fix this?
Any help is greatly appreciated. My last million questions have all received helpful answers here. This is a great forum!
Message was edited by: hum_bucker
Message was edited by: hum_bucker
Message was edited by: hum_bucker

Answer 1

The following codes for mouse rollover effect that I use in this demo page, Mouse Rollover & Animated Gifs, work with Firefox 3.5, Opera and OmniWeb.
<xmp>
<blockquote style="padding-left: 50px;"><A HREF="URL to this page"
onmouseover="document.sub_but.src='URL to rollover image"
onmouseout="document.sub_but.src='URL to original image" >
< IMG SRC="URL to original image" WIDTH="100" BORDER="0" ALT="Move your mouse over me" NAME="sub_but">
< /A></blockquote>
<blockquote style="padding-left: 50px;"><script type="text/javascript">
function mouseOver()
{document.rollover_one.src="URL to rollover image"}
function mouseOut(){
document.rollover_one.src="URL to original image"}
</script>
<a href="http://link.com">
<img alt="Link Title" src="URL to original image"} name="rollover_one" width="100" height="" onmouseover="mouseOver()" onmouseout="mouseOut()" style="border: none;"/></a></blockquote>
</xmp> *(Ignore the <xmp></xmp> tags when copying)*
Can't help you with the flash movie.
OT