Z-index rendering error in Chrome 19?

Question

I have a drop-down menu on a site that displayed correctly in all browsers, including Chrome, until recently. Now in Chrome 19 it is displayed behind another element, even if both have positioning and the menu has a higher z-index.

See image of the upper right corner:

And here is the site: http://www.mediaplanet.com/international/

Is this a rendering error or is there something wrong with my code?

Answer 1

In the style.css set the z-index from 9999 to #header .row and this should do it.

Currently it is:

 #header .row { position: relative; overflow: visible; } 

This works for me in Chrome 19 if you change it to:

 #header .row { position: relative; overflow: visible; z-index: 99999; } 

That should do the trick! :)