[thelist] Netscape 7.1 css problem

[George E. Papadakis]

Hello all,

When trying to position:absolute an object within another relatively
positioned and left floated in netscape 7.1, for some reason the contained
element ignores the parents position:relative property and goes to the top
left edge of the body.

Here is an example :

<div style="position:relative!;width:200px;background:#eee;float:left;"
id="par">
 <div style="position:absolute;top:0;left:0;width:100%;" id="child">
  Hello World
 </div>
 &nbsp;
 </div>
 Some Text here
</div>


I could  :
› Remove the absolute positioning from the the child element.
› Remove the relative positioning (and replace it with absolute) in the par
element.
› Or remove the float:left from the par element.


Yet that's not what I wannt. I need to have the position and floating like
this.
This thing works okay with all the known css supporting browsers but
netscape 7.1.
Any ideas or fixes?


--georgep