I'm trying to spruce up a Drupal 6 site, but I'm running into some issues with a views slideshow (specifically, rotorbanner) and having a menu with ~20 items.

When the menu expands, I can see all the links, but whenever I mouseover on a link that's within the "slider" block, the list disappears.

My thought was to fix this by just making the menu two column, but I'm running some difficulties with that and maybe fixing this will be easier.

I'd prefer not having 20 menu items, but that is the way my org does things, alas : )

For an example, go this dev site and hover over the "networks" section on the menu


  • Well, I messed around with the z-index value on the menu, and it seems to overlay the slideshow in Chrome on my Dev Machine, but when I try it in firefox or chrome (on another machine) it still appears "under" the slider.
    – iota
    Jul 28, 2011 at 17:10

1 Answer 1


This is an awfully localized question, but I got this to work fine in Chrome and Firefox by adding:

position: relative;
z-index: 1;

to the slideshow block (<div id="block-views-speakerslider-block_1">) or any of its containers (<div id="wrapper">, <div id="content">, etc)

  • Thanks Laxman! That seems to have done it. I'm sorry for the localized question. Now I just have to find a way to make it two column. Oh Joy : )
    – iota
    Aug 2, 2011 at 14:04

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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