Go to <http://www.fidelity.com>
Click on the Investment Products item in the horizontal menu at the top of the page
Click on the Mutual Funds link in the horizontal menu that appears below it
You should now be at <http://personal.fidelity.com/products/funds/funds_frame.shtml.cvsr>. You can just start with this step if you like, assuming the site hasn't changed much.
Click on the Index Funds link on the vertical menu on the left side of the page
Move the mouse over the Fidelity Stock Index link in the middle of the page, inside the "Browse/Buy Fidelity Funds" box. Note that the cursor does not change to a link cursor. You also can't click on the link.
Same problem with released Safari and TOT.
The links are contained in a div with z-index -1. Changing the z-index to 0 or higher makes the links responsive.
Created attachment 13579 [details]
> The links are contained in a div with z-index -1. Changing the z-index to 0 or
> higher makes the links responsive.
That appears to be all there is to it.
My understanding is that this behavior is correct according to the CSS2.1 spec. Maybe Ian can comment on this. The <body> element does not establish a stacking context. The root element does. Therefore the <div> is a stacking context inside of the root with a negative z-index. That means it is underneath the <body> element. Since backgrounds are not "click-through" in CSS even when transparent, this means that the <body> is what is hit, not the contents of the <div>.
This test case does indicate to me that perhaps CSS should revisit whether or not the <body> establishes a stacking context or not.
This should probably be evangelized I guess.
This is not reproducible with Safari 4.0.5 or Safari 5, possibly due to site change.