Trobiz

Hi, Im working on a webpage and i've run across a problem that I cant solve. I have tried searching on google but I cant find a solution so Im hoping that there is a life saver at this forum!

When im Embedding Youtube and Vimeo videos to the page an then choose to play one of them the background-image starts acting really strange. As soon as i scroll up or down from where my window was when i played the video the background-image has disappeared. It workes fine in Firefox and in Chrome but not in Safari for some reason.

My Css for the background Image is:


html
{
background:url(Bilder/bakgrund2.jpg) no-repeat center center fixed;
}

As far as i know this tells the browser that the image should stay fixed at the center of the image at all times. But for some reason playing a embedded video from youtube or vimeo screws that up.

This is where the videos are embedded.
<div id="blogg">
<h1>Vår Blogg</h1><hr />
<br />
<table width="60%" height="300px" border="0" cellpadding="20">
<tr>
<td width="584px"><iframe width="480" height="360" src="http://www.youtube.com/embed/wonc1IuWcWg" frameborder="0" allowfullscreen></iframe> <br /> <br /><hr />
</td>
<tr>
<td><iframe width="480" height="360" src="http://www.youtube.com/embed/wBI85PWF5aA" frameborder="0" allowfullscreen></iframe><br /><br /><hr /></td>
</table>
<div id="banner"><img src="bilder/banner.jpg" width="250px" height="700px"/></div>
</div>

I would love any tips or nudges in the right direction cuz I have no more ideas..

//Daniel