I have put a menu down the right of the page and when you hover over certain links sub menus appear to the right of the menu.
However when they appear the text on the main contentt of the page is visible over the menu options. The menu options appear in a list of red squares and I would prefer it if these covered the area of text that they share space with rather than appearing behind it with the text over it. I don't want to align the text further away as this will leave an empty gap on the page when the sub menu is not showing. Has anyone else had this problem and if so does anyone know the solution?

Do you have a URL to go with that?

No, but I will post the source code later for the page, there is a lot of code , I was hoping that my problem was a simple one that people would pick up on with needing all the code but not to worry. Cheers.

Please see the attached source code for the page.

Just put a huge z-index on the uls.

#nav ul { z-index: 1000; }

I take it that should go in the head section.

Can you tell me where in relation to the code I should put this, Iv'e tried this 'Z' in various places but it hasn't worked.

Sorted it with the Z advice, thanks for your help.