internet explorer 8 - IE 8 absolute positioned element outside its parent clipping problem -

I have a full position div in the div in another full position. Baby material of the child can be very much from parents' material. It is by design that I need the child to get out of my parents. It does this in every other browser except IE 8 (IE 7 looks ok, not sure) In IE8, the part of the child who is outside the parent has been cut. It is there, but can be verified by IE Developer Tools, not only visible. I tried Z Index, clearly tried to set overflow: Visible, no luck at all.

UPDATE: I found out that this problem is due to the filter defined in the parent div:

  -meter-filter: "Prozed: DxImG Transforms. Microsoft.Greatant (StartColver = # 66C6AdA2, Endocrotstrostor = # 66C6DAA2) ";  

Does anyone have an idea how to work around him?

I solved it using it

My solution is slightly modified, just Insert a blank box inside the container with the "ie_rgba_fix" class, which you want transparent, add this CSS to a particular location and do not clip children anymore with overflow: hidden

  / * IE8 RGB a workaround / div.ie_rgba_fix {condition: full; Z-index: -1; Top: 0; Left: 0; Width: 100%; Height: 100%; Background color: transparent; -M-Filters: "Proded: Dximetateformsoft.microsoft.gridant (startcollers = # 66c6adA2, endocroststrator = # 66c6dAA2)"; }