Layer positioning / depth ??

I'm having some troubles with relative layer positioning and z-index. I need to make a drop-down/flyout menu, but my layer is sticking within a row, and it needs to sit on top, not inside.

Page is here:
http://www.audioengineering.com/template/1V4/

The problem area is the yellow-block.

Please take a look and let me know what the heck I'm doing wrong. Deker, I know you know how to fix this.

Thanks,
Matt

Whew... What a mess... I'd start over and code it with CSS by hand. Mixing tables and CSS is a big pain in the ass, especially absolute positioning.

You could try this method for drop downs which is nice: http://alistapart.com/articles/dropdowns/

You're telling me. A pain-in-the-ass is surely what this is. I'll give it a shot D...good thing I hadn't gotten very far into this.

Thanks.

i've never had problems like that with layers. not even sure how u managed to. u in dreamweaver?

Actually I got it fixed in v5:

I had to set the Z-Index to "5" before it would "go above" the rest of the code.

http://www.audioengineering.com/template/1V5/

Don't worry D, I'm still going to look at ridding of my tables and converting to CSS, I just need to get the mock-up done by the end of the day today.

hey, nice job, i like that.

It's got a loooong ways to go...

Looks like a good start though Matt. Nice to see you doing some design again!

TemplateMonster.com buddy, it's all your fault.