CSS problem. Iframe villl inte bli 100% width/height.

body {
margin: 0;
}

#logo {
left: auto;
right: auto;
text-align: center;
position: aboslute;
display: block;
}

#menu {
height: 26px;
background-color: #1F1A1A;
background : -webkit-gradient(linear, left top, left bottom, background-color: 222);
background : -moz-linear-gradient(top, background-color: 222);
border-top: 2px solid #999999;
color: white;
font-size: 18px;
font-family: Cooper Std;
word-spacing:1px;
width: 99%;
position: absolute;
}

#senastew {
background-color: #332D2D;
min-height: 200px;
width: 308px;
top: 115px;
position: absolute;
}

#trailerw {
background-color: #332D2D;
min-height: 200px;
width: 308px;
top: 115px;
right: 14px;
position: absolute;
}

#content {
min-height: 300px;
width: 54%;
margin-left: 306px;
margin-top: 28px;
text-align: center;
background-color: black;
}

#footer {
text-align: center;
bottom: 0;
left: 0;
right: 0;
}

a:link {color:black;}      /* unvisited link */
a:visited {color:black;}  /* visited link */
a:hover {color:black;}  /* mouse over link */
a:active {color:black;}  /* selected link */ 

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

<?php

$id = mysql_real_escape_string($_GET['id']);

$x = mysql_query("SELECT kalla FROM filmer where id = '$id'");

?>

<iframe style='display:block' src='<?php while($rest = mysql_fetch_array($x)){
echo $rest['kalla']; }?>' width='100%' height='100%' scrolling='auto'>
            </iframe>

html, body {
margin: 0;
padding: 0;
height: 100%;
}

<?php

$id = mysql_real_escape_string($_GET['id']);

$x = mysql_query("SELECT kalla FROM filmer where id = '$id'");

?>

<iframe style='display:block; left: 0px; top: 0px; right: 0px; bottom: 0px; width:100%; height:100%; position: fixed;' src='<?php while($rest = mysql_fetch_array($x)){
echo $rest['kalla']; }?>' frameborder="0" hspace="0" vspace="0" marginheight="0" width='100%' height='100%' scrolling='auto'>
            </iframe>