<p>I'm stuck on what appears to be a CSS/z-index conflict with the YouTube player. In Firefox 3 under Windows XP, Take a look at this page: <a href="http://spokenword.org/program/21396" rel="noreferrer">http://spokenword.org/program/21396</a> Click on the Collect button and note that the pop-up &lt;div> appears <em>under</em> the YouTube player. On other browsers the &lt;div> appears on top. It has a z-index value of 999999. I've tried setting the z-index of the &lt;object> element containing the player to a lower value, but that didn't work. Any idea how to get the pop-up to appear over the player?</p>

Try to add the
```
wmode
```
parameter to be
```
opaque
```
like this:
(Note that it's included in
both
a
```
<param>
```
tag
and
a
```
wmode
```
attribute on the
```
<embed>
```
tag.)
```
```
<object width='425' height='344'> 
    <param name='movie' value='http://www.youtube.com/v/Wj_JNwNbETA&hl=en&fs=1'> 
    <param name='type' value='application/x-shockwave-flash'> 
    <param name='allowfullscreen' value='true'> 
    <param name='allowscriptaccess' value='always'> 
    <param name="wmode" value="opaque" />
    <embed width='425' height='344'
            src='http://www.youtube.com/v/Wj_JNwNbETA&hl=en&fs=1'
            type='application/x-shockwave-flash'
            allowfullscreen='true'
            allowscriptaccess='always'
            wmode="opaque"
    ></embed> 
    </object>
```
```