I'm not sure if anyone else has seen this issue but I've first noticed it after I applied the Feb 2013 CU for SharePoint 2010. I have configured a site with global navigation with links under each heading. When I hover the navigation, a white box appears behind the items. When I scroll up or down, the white box scrolls down with the page and covers other items, almost as if it's z-index is higher than any other item. I've only seen this issue with IE and have been unable to debug it using IE Toolbar since it only appears when I hover over an item. I've tried adding all the classes that are added via css when I hover over an item, but that does not make the whitebox appear and the nav appears correctly. Has anyone else seen this issue? If not, what would be the best way to go about debugging this?

  • We too noticed same issue. BODY #s4-workspace{ *+position:static; } using above CSS this worked fine for me for menu but page has scrolling issue? I am still searching for solution. Kindly let me know if you have fix for this issue. Bests Kiran – user16219 Apr 9 '13 at 13:39
  • Kiran, I haven't had much luck in finding a solution for the issue. I'm starting to suspect that this may be an issue with the CU update – swrhim Apr 19 '13 at 14:48

The answer can be found here: https://social.technet.microsoft.com/Forums/office/en-US/442c8543-e67b-4d37-9ded-578789c7635e/sharepoint-2010-navigation-ui-bug-with-feb-2013-cu

There's an iframe being added to the DOM dynamically. Just add this style to hide it:

iframe[id*='TopNavigationMenuV4_FrameID_1'] {

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.