site in IE en FF

[tomster118]

www.lukraak.tv

Deze site heb ik gemaakt en werkt perfect in FF. In IE6 en IE7 staan de dingen niet op hun plek. Echter daar gaat het nu niet om, deze veranderingen heb ik nog niet toegepast.

Punt is dat wanneer je op de links drukt de content die daar bij hoort alleen in FF wordt weergegeven en niet in IE6 en IE7. De content wordt overigens geladen in een iframe! Wat is het probleem en hoe los ik het op?

Hierbij mijn stylesheet:


/* Generated by KompoZer */
body {
background-color: #2f2f2f;
}
#wrapper {
border: 1px solid white;
width: 800px;
margin-right: auto;
margin-left: auto;
height: 500px;
background-image: url(afbeeldingen/camera.png);
background-position: center bottom;
font-family: Arial,Helvetica,sans-serif;
margin-top: 60px;
}
#logo {
border-color: white;
border-width: 1px;
float: left;
width: 300px;
height: 60px;
margin-top: -25px;
margin-left: 10px;
}
#navigator {
border-color: white;
border-width: 0px;
float: left;
height: 30px;
margin-top: 5px;
width: 455px;
margin-left: 5px;
}
#home {
border: 0px solid white;
float: left;
height: 30px;
width: 85px;
margin-top: -1px;
}
#wie {
border: 0px solid white;
height: 30px;
float: left;
margin-left: 5px;
width: 85px;
}
#wat {
border: 0px solid white;
height: 30px;
margin-left: 5px;
float: left;
width: 85px;
}
#waar {
border: 0px solid white;
margin-left: 5px;
height: 30px;
float: left;
width: 85px;
}
#contact {
border: 0px solid white;
height: 30px;
float: left;
margin-left: 5px;
width: 85px;
}
#introtekst {
border-color: white;
border-width: 1px;
margin: 50px auto 0px 80px;
position: relative;
clear: both;
height: 50px;
width: 600px;
}
#film {
border-color: white;
border-width: 1px;
float: left;
margin-left: 37px;
height: 185px;
width: 202px;
margin-top: 11px;
}
#content {
border: 0px solid white;
float: left;
margin-top: 0px;
height: 340px;
margin-left: 51px;
width: 487px;
}
#screens {
border: 0px solid white;
clear: both;
float: left;
margin-left: 37px;
margin-bottom: 0px;
width: 202px;
height: 185px;
margin-top: -150px;
}
#auteur {
border: 0px solid white;
float: right;
width: 200px;
height: 20px;
margin-top: 25px;
margin-right: 3px;
text-align: right;
font-size: 0.9em;
font-family: arial;
font-weight: bold;
padding-top: 0px;
line-height: 1.6em;
color: black;
}
#wrappercontent {
border: 0px solid white;
float: left;
margin-right: 0px;
width: 540px;
margin-left: 20px;
height: 340px;
margin-top: 10px;
}
iframe {
filter: alpha(opacity:0);
border: 0px solid ;
height: 335px;
width: 484px;
}
.tekst {
background-color: white;
width: 455px;
height: 300px;
color: black;
}
a:link {
color: #000099;
}
a:active {
color: #000099;
}
a:visited {
color: #000099;
}

[Icemar]

Dat het in IE in een iframe wordt geladen komt dat er een iframe instaat.
Deze regel.
<div id="content"><iframe name="icontent"></iframe></div>
Dat je in ff wel je contend zie en in ie niet ligt volgens mij aan de Z index.
Dus als je die hoger in geeft dan je flash dan zou het ook zichtbaar moeten worden in IE.