I have a Flash movie and a list of links. The links display underneath the Flash movie. It works in IE but not FireFox:
http://3ee.whymatters.net/resize/index.html
Here are the layers: layer 1 is flash content, layer 2 is the links:
#Layer1 {
position: absolute;
width:321px;
height:254px;
z-index:1;
left: 23px;
overflow:auto
}
#Layer2 {
position:absolute;
width:300px;
height:47px;
z-index:0;
left: 24px;
top: 84px;
background-color: #990000;
overflow: auto;
}
The Flash movie is simply a graphic with a transparent spot in the middle. I’ve attached the fla, swf, and html files as well. I’m using swfObject for the embedding of the Flash content. Is there anything I can improve or do that will allow this behavior?