I'm working on a page for a church, as a favor. I'm not much of a coder; it's a hobby and with free, unfortunately, one gets what one pays for. If you look at this test page link on Firefox, you should be able to see what the page is meant to look like.
No other browser, however, is displaying the page (so far). I've tried Safari, Opera, OmniWeb, Firefox and, although I am unable to test IE, since I do everything on a Mac and don't have a PC, I had a friend test on IE9 (which always gives me fits) and no joy. Now, I do understand that using wmode="opaque" in the embed tag and
<param name="wmode" value="opaque"/>
in the object tag wreaks havoc with IE9, but also with every other browser other than Firefox? Really? (I've also tried "transparent" with the same results.)
As you can see (if you're viewing with Firefox), I wanted to float a "picture frame" over the .swf object, which is why I used the wmode value.
My question is: is using wmode=opaque really what's throwing all these browsers, except Firefox, into a tizzy? I knew IE9 would flip out, but I was surprised at the others. For this intro page, I'm only using the css you see in the page's header. I'm sure this will be something apparent to you guys, but I'm clueless and would appreciate any help.