CSS Menu going below Iframe embedded with you tube

Freeway
1

Hi I’m having a problem getting my CSS menu to be over an embedded you tube movie. I have added some code i read about but can’t get it to work.

The embedded code is responsive and here it is :

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

I have tried adding wmode=“Opaque” and ?wmode=transparent in the url but no change

Any help would be great

Thanks

http://www.rainbowvalleyproductions.co.uk/newyoutube.html

freewaytalk mailing list
email@hidden
Update your subscriptions at:

2

Adding two additional attributes to the #BodyWrapper1 will fix this.

Using the item selected item → extended → DIV-style tab dialogue, entering the following name/value pairs:

#BodyWrapper1 {
position:relative; /*the one before the colon is name, the other one the value*/
z-index: 99 /* any number higher than 0*/
}

Cheers

Thomas

freewaytalk mailing list
email@hidden
Update your subscriptions at:

3

Thank you thomas that worked perfectly. Your a star.

freewaytalk mailing list
email@hidden
Update your subscriptions at: