Chrome: can't position one absolute div over another when the parent is fixed

weboger

New Member
I've discovered that I can't position one absolutely positioned div over another in Chrome when the parent of the div I want to be on top is fixed:\[code\]<div id="parent"> <div id="top"></div></div><div id="bottom"></div>\[/code\]Here's a JSFiddle demonstrating the problem:http://jsfiddle.net/SEJhg/You should see that in Chrome the yellow absolutely positioned div with z-index 10 appears behind the green absolutely positioned div with z-index: 1, because of the fixed position of the parent.Other browsers like Firefox show the yellow div on top of the green one.Any suggestions on how to fix this in Chrome? I'm not able to alter the fixed position of the parent.Thanks!
 
Back
Top