I have a dropdown menu here:
http://www.mattpealing.co.uk/concept...n/dropdown.htm

But notice that the dropdown appears to be too big and the bottom is cut off. I assume that is because it is contained with div#header, and its overflow property is set to hidden.

I need the dropdowns to appear in front of the content beneath it. It seems I can manage this by removing the overflow property of div#header but then it breaks its appearance.

I tried adding a clearing <br> into div#header to try and make up for removing the overflow property, but that still doesn't work.

Does anyone know what the best way to fix it will be? Will I need to code it in a completely different way?

Thanks.

Could it be that everything within the header is positioned absolutely? Maybe I should try it with floats instead

Using all positioning is generally not a good idea, although for a dropdown there must be SOME positioning for it to work.

Thanks for confirming

I've just noticed that the whole problem is being caused by the fact that #header is using relative positioning, I'll just work around that.