Iframe probleem (opgelost)

Op de pagina www.eftelrijk.nl/fotocampagne wordt gebruik gemaakt van een iframe.
In firefox is het iframe donkerblauw, in IE is het iframe wit. Het hoort blauw te zijn. Hieronder de code, hoe zorg ik dat het iframe in IE ook blauw wordt?

<HTML>
<HEAD>
<TITLE>   Campagne Winter Efteling fotowedstrijd  </TITLE>
 <link href="" type="text/css" rel="style.css" />
   <style type="text/css">
   body {
   background: #0C112F;
   }
</style>
</head>
<BODY>
<img src="http://i290.photobucket.com/albums/ll241/Joostje12/campagne-1.png">




<iframe name="inhoudvlak" src="fotocampagne2.htm" width="700" height="150" scrolling=auto; style="background: #0C112F; position: absolute; left:170px; top:820px;"BORDER="0"  FRAMEBORDER=NO></iframe>

Op me stemmen (doel van de website) mag natuurlijk ook

iframe {
background:transparent;
}

of
-moz-opacity:0;filter:alpha(opacity=0);

Zoiets
in je style zetten?

Rik schreef:

iframe {

background:transparent;
}

of
-moz-opacity:0;filter:alpha(opacity=0);

Zoiets
in je style zetten?
background:transparent;
} werkt helaas niet

-moz-opacity:0;filter:alpha(opacity=0);
Dan verdwijnt de tekst ook.

De frame zelf moet ook allowtransparency="true" aan hebben staan

<iframe name="inhoudvlak" src="fotocampagne2.htm" width="700" height="150" scrolling=auto; style="background:#0C112F; allowtransparency="true"; -moz-opacity:0;filter:alpha(opacity=0);
position: absolute; left:170px; top:820px;"BORDER="0"  FRAMEBORDER=NO></iframe>

Zo? Vak staat nu heel erg naar rechts om de een of andere vreemde reden.

Sorry voor dubbelbericht, maar ik heb zitten prutsen en ik wil het gepruts graag met jullie delen.
Hopelijk kan iemand de fout vinden.
Het Iframe:

<HTML>
<HEAD>
<TITLE>   Campagne Winter Efteling fotowedstrijd  </TITLE>
 <link href="" type="text/css" rel="style.css" />
   <style type="text/css">
   body {
   background: #0C112F;
   }
</style>
</head>
<BODY>
<img src="http://i290.photobucket.com/albums/ll241/Joostje12/campagne-1.png">




<iframe name="inhoudvlak" src="fotocampagne2.htm" width="700" height="150" scrolling=auto; style="background:#0C112F;
position: absolute; left:170px; top:820px;"BORDER="0"  FRAMEBORDER=NO allowtransparency="true"></iframe>

De CSS

iframe {
background: transparent;
}
body{
    font: 12px Verdana;
    color: #FFFFFF;
}
u{
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 1px solid #C78436;
}
s{
    color: #dadada;
}
b{
    color: #FFFFFF;
}
i{
    color: #FFFFFF;
}
span.groetjes{
    color: #ccff00;
}
div.updatebalk{
    background: dadada;
    border: 1px solid #ccff00;
    color: #888888;
}
div.lijn{
    background: url(http://i42.tinypic.com/30saxbo.png);
    width: 239px;
    height: 27px;
    margin: 0px auto;
}
blockquote{
    background: #dadada;
    border: 1px solid #ccff00;
    color: #888888;
}
a{
    color: #C78436;
    text-decoration: none;
    border-bottom: 1px solid #FFFFFF;

-moz-opacity:{
0;filter:alpha(opacity=0);
}


Body { Background: transparent; }

De pagina in het iframe

<html>
<head>
<title></title>

<link href="style.css" rel="stylesheet">



</head>
<center>

Klik <a href="http://fotowedstrijd.efteling.com/winterefteling/index.php/component/joomgallery/?func=detail&id=566" target="_blank">hier</a> om de stemlink van <i><u>"Kijk mama, paarden, mag ik die aaien"</u></i> te openen.<br>
Klik <a href="http://fotowedstrijd.efteling.com/winterefteling/index.php/component/joomgallery/?func=detail&id=545" target="_blank">hier</a> om de stemlink van <i><u>"Varen, varen over de sneeuw"</u></i> te openen.<br>
Klik <a href="http://fotowedstrijd.efteling.com/winterefteling/index.php/component/joomgallery/?func=detail&id=549" target="_blank">hier</a> om de stemlink van <i><u>"Ook de Efteling heeft last van sneeuw op het spoor"</u></i> te openen.
<br><br>
Hartelijk dank voor je stem!

</center>
</html>

<iframe name="inhoudvlak" src="fotocampagne2.htm" width="700" height="150" scrolling=auto; style="background:#0C112F;
position: absolute; left:170px; top:820px;"BORDER="0"  FRAMEBORDER=NO allowtransparency="true"></iframe>

je bent vergeten om # voor de kleur te zetten ^^ dan werkt het niet hè?

Marjolein schreef:

<iframe name="inhoudvlak" src="fotocampagne2.htm" width="700" height="150" scrolling=auto; style="background:#0C112F;
position: absolute; left:170px; top:820px;"BORDER="0"  FRAMEBORDER=NO allowtransparency="true"></iframe>

je bent vergeten om # voor de kleur te zetten ^^ dan werkt het niet hè?
Na dat verbetert te hebben werkt het helaas nog niet.

Deze code voor je iframe

<IFRAME style="WIDTH: 150px; HEIGHT: 700px; position: absolute; left:170px; top:820px;" border=0 name=inhoudvlak src="fotocampagne2.htm" frameBorder=0 scrolling=no allowTransparency></IFRAME>

en maak dan van je pagina in de iframe:

<html>
<head>
<title></title>

<link href="style.css" rel="stylesheet">



</head>
<body style="background-color:transparent">

<center>

Klik <a href="http://fotowedstrijd.efteling.com/winterefteling/index.php/component/joomgallery/?func=detail&id=566" target="_blank">hier</a> om de stemlink van <i><u>"Kijk mama, paarden, mag ik die aaien"</u></i> te openen.<br>
Klik <a href="http://fotowedstrijd.efteling.com/winterefteling/index.php/component/joomgallery/?func=detail&id=545" target="_blank">hier</a> om de stemlink van <i><u>"Varen, varen over de sneeuw"</u></i> te openen.<br>
Klik <a href="http://fotowedstrijd.efteling.com/winterefteling/index.php/component/joomgallery/?func=detail&id=549" target="_blank">hier</a> om de stemlink van <i><u>"Ook de Efteling heeft last van sneeuw op het spoor"</u></i> te openen.
<br><br>
Hartelijk dank voor je stem!

</center>
</body>
</html>

dit moet werken, zo deed ik het voorheen ook altijd op al mijn sites

Heel erg bedankt Marjolein! . Het werkt. Hier kan een slotje op.

graag gedaan
En in webwereld laten we gewoon de meeste topics open, voor het geval iemand anders nog een vraag heeft over hetzelfde onderwerp