SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Basically I have a page in sharePoint 2007. That contains two web parts.

The first webpart is a custom navigation system created with css that is a drop-down menu. The second webpart is an excel spreadsheet.

When you hover over a link in the dropdown menu, the menu extends into the second webpart. Since the menu extends this far once you scroll into the second web part the menu disappears.

Ive got a temporary solution to extend the first webpart by 200px but this solution is not good enough as it adds too much noticeable whitespace.

I really do not know what I can do to fix this. but any ideas would help.

share|improve this question

On the DIV containing your navigation, set the Z-INDEX in the CSS to a very high number (like 10000). See for more details on the Z-INDEX CSS property.

share|improve this answer
I tried the solution you recommended. i added a z-index: 10000; tag to my code. but the problem still persists. – user9084 Jun 29 '12 at 16:08
Using the Internet Explorer Developer Toolbar (F12), use the selector to look at the CSS being applied to the spreadsheet webpart to see what tags are making it appear above your navigation container. – John Chapman Jun 29 '12 at 17:20

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.