Re: Trouble Rendering Circle Overlays in Chrome and Safari

[Atelierbram]

I guess it has probably more to do with ( the differences in rendering by browsers of ) the stacking order of absolute and relative positioned elements, using z-index, then anything else. In [you’re case](http://debbierking.com/bootstrap/) the `a`-element with the 50% border-radius should be *above* the overlay. Well that’s what you want, but maybe the creators of this javascript didn’t have this scenario in mind … in a way also a paradox: an overlay that wants to be behind a parent. Tried to solve it with different z-indexes for the different elements, but unfortunately with no success.
[z-index property](https://css-tricks.com/almanac/properties/z/z-index/) ,
[how z-index works](https://css-tricks.com/video-screencasts/40-how-z-index-works/) ,
[demo page z-Indexing positioning](http://css-class.com/test/css/visformatting/layers/z-index.htm)