How can I make Columns that don't Hide my Menu

[teapot]

I (with the help of some of the kind people here) recently built a dropdown menu with javascript that works wonderfully. However, I made a new page with right and left columns, and they are hiding it.

Most of the pages on my site are just the header, the dropdown menu, then content, and finally the footer. I recently made a page with a right and left column, and the menu stopped dropping down. I racked my brain trying to figure out what was wrong, and when I deleted the right column entirely, I saw all the menu tabs above it drop down fine, the tabs above the left still wouldn't drop down, and the one that overlapped the two dropped down but was cut in half, showing that the menu was dropping down, just behind the columns!

I renamed id="column l" to id="content" and the dropdown menu displayed fine, but now I have no more columns and all the information is just displayed straight down, which won't work for the type of page I'm making (even though I renamed id="column_r" to id="sidebar").

Can anyone show me how to have columns that don't block my menu? maybe a command that sends them to the back or something? Thanks

[Ronald Roe]

I can't get to the site from the machine I'm on, but it's likely an issue with z-index. You'll have to set the drop down element to position:relative and set the z-index to a high enough number that nothing's going to overlap it.

[teapot]

That was it! Thank you for the lesson.