CSS: table layer blocking div layer!

I'm using the following styles to create a split title bar:



The HTML to produce this split title bar is as follows:

The code works fine outside of a table, but inside a table (specifically a caption), the hyperlink is blocked such that it cannot be clicked:



I've tried forcing the stacking order with z-index and also messed with background properties of the table and caption. Can anyone solve this dilemma? My desire is to maintain using captions...

Thanks,
N8.

Just a note that this problem occurs in the CAPTION only. I can get it to work okay in a spanned TD. However, I'd rather use CAPTIONs than spanned TDs.

Also note that the problem is occurring in NN6.2.1 and when I set the -moz-opacity to something less than opaque (100%), I gain access to the hyperlink. Thus, I'm fairly certain that the issue is one of transparency and layers. I don't want to use -moz-opacity since NN6 bogs down miserably with it....

Thanks,
N8.

I'm not sure why it isn't working, but the Caption attribute is depreciated.

Why do you want/need to use it?

I wanted to use CAPTIONs because it made CSS a bit more cross-functional than trying to use selectors (first-childs, etc.) for TRs.

Furthermore, the CAPTION automatically spans any number of columns, while with using TRs and TDs to create a caption, you must call COLSPAN (is there a CSS wildcard to span all columns? I know there is a CSS attribute to span a specific number...).

I've worked around the issue by making a special class of TR and then by using COLSPAN in the first TD (my PHP script plugs in the correct number of columns to span).

Take care,
N8