CSS med MAC problem

Hejsan,

Jag har ett litet problem när det gäller IE för mac. När jag gör detta(se nedan) så ärver 'barn' diven den absoluta positionen i IE mac! Hur kan jag undvika detta? Kan jag nollställa barnet på något sätt så att den inte ärver den?

Div:

<div class="pappan"><div class="barnet"></div></div>

CSS:
.pappan {position: absolute; left: 100px; top: 30px;}

.barnet {position: relative;}

Enkelt exampel av koden. Jag kan naturligtvis flytta 'pappan' diven men det fungerar inte i min design tyvärr.

Vore evigt tacksam för hjälp!

/ Gnolen

Testa:

.pappan * { position: static; }

:)

Tack för hjälpen Zcorpan men fortfarande problem tyvärr...

Ska jag sätta in den bara som där? Och inte istället för absolute? Testade att bara sätta in det i koden, men det blir fortfarande likadant i explorer(mac)! :o(

Detta är hur det ser ut mer precis:

HTML:

<div id="headerBlock"><div id="top"><div class="navbar">

\</div\>\</div\>

<div id="mainBlock">
<div id="footerBlock"></div></div></div>

CSS:

.navbar {
position: absolute; /* positionning for IE5 et IE5.5 */
left: 300px;
top: -7px;
}

#headerBlock {
position: relative;
margin: 0 auto;
width: 752px;

}

/* height: auto !important;
height: 408px;
min-height: 408px; */

#top {
position: relative;
width: 752px;
height: 84px;
background-color: #ffffff;
background-image: url(topbg.gif);
background-repeat: no-repeat;
background-position: 6px 6px;}

#mainBlock {width: 740px;
border: 6px solid #ffffff;
position: relative;
margin: 5px 0px;
background-color: #ffffff;}

#footerBlock {width: 740px;
border: 6px solid #ffffff;
height: 40px;
background-color: #77bfca;}

Har nu provat att lägga diven utanför den befintliga layouten men det fungerar inte ändå!!!????