Here is an old article on z-index which may provide some insight: http://yagudaev.com/posts/getting-reliable-z-index-cross-browser/
Specifically: *Another problem is that if the element has no z-index, but its container does, the z-index returned would be auto in all browsers other than IE7, which returns 0. To deal with this situation we need to specify that the z-index should be inherited from the container. We do this by saying z-index: inherit, which will solve our problems in most browsers. IE7 proves to be different, luckly it is different enough that we can write a simple if statement to check if the value returned is zero, if it is, get the value from the parent.* Chris Rockwell On Thu, Jan 22, 2015 at 10:57 AM, Chris Rockwell <ch...@chrisrockwell.com> wrote: > I think if you add a z-index to everything that is position:relative it > will solve the issue (.circle-button, .plant-it). It doesn't appear that > those need position:relative anyway. > > I'm not sure why this is happening, but there seems to be a lot of threads > in google about safari z-index issues. > > Chris Rockwell > > On Thu, Jan 22, 2015 at 10:26 AM, Philip Taylor <p.tay...@rhul.ac.uk> > wrote: > >> >> >> Tom Livingston wrote: >> >> With respect, the code that the validator doesn't like or understand is >>> necessary and the issue isn't showing up on other pages of the site with >>> the same stylesheet. >>> >> >> Fair enough. But I personally make it a rule never to investigate the >> mis-behaviour of a page that fails validation; it is (IMHO) a pointless >> task. >> >> Philip Taylor >> > > ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/