sarojani

Does this help? it’s taken from http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp#hs3

This specific part is addressing a similar issue to the one you described:

“However now, which is not apparent yet in these simple demo pages, we have a problem if there is text underneath this navigation bar, which there would most likely be in a real page.

Because we have left the first child list “in the flow” of the document rather than position it for pop-out purposes it is actually pushing any following text down below it. Normally in these drop down scenarios we would want it to drop down over the top of on any existing text.

We can do this by pulling it out of the flow using absolute positioning again, only this time we don’t want to give it any offset co-ordinates, because we’re actually happy with where it is, and just in case we’ll give it a high z-index to ensure it and it’s children actually do appear over the top of any positioned text that may follow.

#menu ul ul {
position: absolute;
z-index: 500;
}

Which now looks like this
http://www.tanfa.co.uk/css/examples/menu/hs4.asp and I’ve now added some text in so you can see it tucks right up to the first level (heading) row.