See the menu above? Isn't it beautiful ;-) I found a workaround for one big problem of CSS menus: When your cursor leaves the area of the submenu by just one pixel it disappears. Try the menu - not so with my menu! I use a transparent area underneath the submenu which is much larger than the visible menu, and only if you leave this much larger area the menu disappears.
UPDATE: It does not work in MS IE - which makes it quite useless. Working on it... (10 July, 2004)
UPDATE-2: I found a solution for IE on these pages. They 2nd references the 1st so it's the same solution, which is to use a scripted behavior for IE - so it's not a pure CSS solution any more on this browser. On the other hand, it is very little script compared to all other DHTML menus. I have not integrated that solution into this menu right here yet!
CSS / DHTML Hybrid Navigation Bar
CSS2 Menus
Of course, the menu can be relocated anywhere on the page, I do not use any absolute positioning. See the HTML source code for this file and for the CSS file. One thing you could do is to change the menu bar into using table cells, which is what most sites seem to do and which has the effect of making the background highlighting on mouse-over effect much nicer, right now it is an area smaller than it should be. Change the CSS in the upper half (which handles the menu bar, the lower half is for the submenus - much much more stuff there) to include a rule for "td:hover {background-color: ...}" to get the whole table cell to highlight.