Safari 1.3 inherits overflow when it shouldn’t

Turns out that in certain situations Safari 1.3 will use the overflow property from one container and apply it to a different container if they are both on the same z-index, and overlap one another. For example, I had a content div with the overflow set to hidden. I had a another nav div for a flyout menu that overlaps the content div with the hidden overflow. The problem was that when the divs overlapped, the part of the nav div that overflapped the content div was hidden, even though it wasn’t inheiriting the overflow style. The solution was so change the z-index for the nav div, which was at the default, to be something else, I choose 100. After that, the nav div worked as expected. Other browsers didn’t exihibit this problem.

Leave a Reply