Chrome on Android does not comply with z-index for clicks on links

HTML

<div class="container">

    <div class="child">
        <a href="http://www.google.com" target="_blank">Google</a>
    </div>
</div>
<a href="http://www.yahoo.com" target="_blank" class="y">Yahoo</a>

CSS

.container{position: relative;display: block;width: 100px;height: 30px;background: #000;z-index: 7;}
.child{position: absolute;width: 100px;height: 100px;background: #CCC;padding-top: 30px;z-index:9;top: -999px;}
.child a{display: block;}
.container:hover .child{display: block;top: 0;}
.y{z-index: 6;}

Working example: http://jsfiddle.net/DemjR/6/

I created the CSS hover menu in the above example (by reference) and it strangely doesn't work as expected in chrome (v 25.0.1364.123) on Android devices. but it works correctly on all other devices that I tested (ios, windows, mac, etc.).

Problem in (android): When you hover over a black box, a gray colored div appears with a link (google.com).

When you click on this link, it actually launches the link behind (yahoo.com) and not (google.com)

Is this a chrome bug on Android devices?

Thanks in advance