If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Drop Down Menu Not Displaying Within A Div Table Cell

I need to put a simple css drop menu within a div table cell.

Note that I'm using the table cells as a workaround of CSS's inability to control vertical alignment in float divs, and I need to use those because the page is built from a matrix of divs that are dynamically generated so I have no way to predict their length. If you have an alternative that doesn't involve complex after load redraws with javascript, I'm happy to hear it.

The menu is not displaying within the cell (perhaps indicating that CSS/HTML doesn't want to recognise this structure?), and when it does display, the sublists aren't properly aligned.

Hmmm... Thanks Rick. It seems to be working when I use it in isolation, but when it gets incorporated into the dynamically generated page, something seems to go wrong. It must be a problem elsewhere.

I do have one other issue though... below it, I'm using a jquery slideshow. I've been able to bypass the CMS (the bit that goes wrong) and hand generate code that works, but the menu drops down behind the pictures in the slide show. I do recall reading about this issue, but can't remember the fix. I hope you can point me in the right direction.

Thanks for taking the time to get it to work. That has been of enormous assistance in making me look elsewhere for the problem.

I poked around with your code and found that if I set #menu { height:18px; }, and removed the display:table-xx and the padding on the <a>nchors, it did shrink the individual cells so that they just enclosed the text. I don't know if that helps, but it might lead you closer to what you're after.