Why does my Superfish dropdown menu go behind an adjacent region instead of over it?

Last updated February 16, 2012

In the Drupal 6 version, Fusion uses overflow:hidden on blocks and regions in order to keep layouts from breaking due to oversized content. If you’ve added a Superfish menu to a block, then you may need to target the block and its region specifically with overflow:visible in order to allow the menu to “flow” outside the block and region. For example, placing the following code in your local.css would allow a Superfish block menu in the Preface Top region to flow outside its block and region:

#preface-top,
#block-superfish-1 {
  overflow: visible;
}

Additionally, sometimes changing the positioning of the inner block from relative to static in your local.css will fix other drop-behind issues. Because this can potentially cause other display issues, use with caution:

.block .inner {
  position: static;
}

This should not be necessary when using the Superfish module with Fusion in Drupal 7.