css - Getting absolute positioned item over a relative one. (IE) -

Please refer to an item with a full position to be problematic in IE (6 and 7) which is relatively relative .

The yellow box (full) should appear on the blue box (relative). I tried to give the blue color a yellow index down to yellow, but it did not seem to work.

Any help would be great.

You have to set the z-index on the orange box, because it is one of the yellow boxes. In IE 6/7, the yellow box will contain only the higher z-index compared to the other elements within the orange container.

  #orange {position: relative; Z-index: 1; Background color: orange; } #Blue {background-color: blue; Height: 100px; Hidden flurry; Status: Relative; Width: 300px; }