No replies
subterraneanhom...
Offline
newbie
Last seen: 18 years 3 weeks ago
Joined: 2004-11-15
Posts: 1
Points: 0

Greetings..

What I would like is for each absolutely positioned child of the floated element to behave properly. In NS7, it seems to be overstepping its parent and positioning itself to it's grandparent. I've trimmed everything down to the basic problem:

<div style="position: relative; border: 1px solid blue; height: 28px;"><!-- wrap  -->

<div style="position: relative; border: 1px solid red; height: 26px; float: left;">
	<div style="position: relative;">item 1</div>
	<div style="position: absolute; left: 10px; top: 24px; border: 1px solid green;">1</div>
</div>

<div style="position: relative; border: 1px solid red; height: 26px; float: left;">
	<div style="position: relative;">item 2</div>
	<div style="position: absolute; left: 10px; top: 24px; border: 1px solid green;">2</div>
</div>

<div style="position: relative; border: 1px solid red; height: 26px; float: left;">
	<div style="position: relative;">item 3</div>
	<div style="position: absolute; left: 10px; top: 24px; border: 1px solid green;">3</div>
</div>

</div><!-- unwrap  -->

In all browsers this works other than NS7+. There must be a bug/trick to resolve this in NS?