[gatordp]

Originally Posted by cflsystems

It may be the overflow property of the parent containers
url would help to be more specific

Here is my main.css for the Fancy Category module - I still can't get the Category to display on top of the central block. I set all the overflow properties to 'visible'

/*
$Id: main.css,v 1.7 2008/12/02 13:14:12 max Exp $
vim: set ts=2 sw=2 sts=2 et:
*/
/* Layout */
.menu-fancy-categories-list .content {
  overflow: visible;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 6px;
  z-index: 1;
}
.fancycat-icons-scheme ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  list-style: none;
  width: 137px;
}
.fancycat-icons-scheme ul li {
  float: left;
  position: relative;
  width: 100%;
  padding: 2px 0px;
  background: white none;
}
.fancycat-icons-scheme li ul {
  display: none;
  position: absolute;
  top: 4px;
  left: 126px;
  background: white none;
  border: 1px solid #b1c6d7;
  margin: 0px;
  padding: 5px 6px 5px 5px;
}
.fancycat-icons-scheme li:hover,
  .fancycat-icons-scheme li.over
{
  background-color: #e4e7ed;
}
.fancycat-icons-scheme li:hover ul,
  .fancycat-icons-scheme li.over ul
{
  display: block;
  overflow: visible;
  z-index: 1;
}
/* multi-level support */
.fancycat-icons-scheme li:hover ul ul, .fancycat-icons-scheme li.over ul ul,
  .fancycat-icons-scheme li:hover ul ul ul, .fancycat-icons-scheme li.over ul ul ul,
  .fancycat-icons-scheme li:hover ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul,
  .fancycat-icons-scheme li:hover ul ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul ul,
  .fancycat-icons-scheme li:hover ul ul ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul ul ul,
  .fancycat-icons-scheme li:hover ul ul ul ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul ul ul ul,
  .fancycat-icons-scheme li:hover ul ul ul ul ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul ul ul ul ul,
  .fancycat-icons-scheme li:hover ul ul ul ul ul ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul ul ul ul ul ul,
  .fancycat-icons-scheme li:hover ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul ul ul ul ul ul ul,
  .fancycat-icons-scheme li:hover ul ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-scheme li.over ul ul ul ul ul ul ul ul ul ul ul
{
  display: none;
}
.fancycat-icons-scheme li li:hover ul, .fancycat-icons-scheme li li.over ul,
  .fancycat-icons-scheme li li li:hover ul, .fancycat-icons-scheme li li li.over ul,
  .fancycat-icons-scheme li li li li:hover ul, .fancycat-icons-scheme li li li li.over ul,
  .fancycat-icons-scheme li li li li li:hover ul, .fancycat-icons-scheme li li li li li.over ul,
  .fancycat-icons-scheme li li li li li li:hover ul, .fancycat-icons-scheme li li li li li li.over ul,
  .fancycat-icons-scheme li li li li li li li:hover ul, .fancycat-icons-scheme li li li li li li li.over ul,
  .fancycat-icons-scheme li li li li li li li li:hover ul, .fancycat-icons-scheme li li li li li li li li.over ul,
  .fancycat-icons-scheme li li li li li li li li li:hover ul, .fancycat-icons-scheme li li li li li li li li li.over ul,
  .fancycat-icons-scheme li li li li li li li li li li:hover ul, .fancycat-icons-scheme li li li li li li li li li li.over ul,
  .fancycat-icons-scheme li li li li li li li li li li li:hover ul, .fancycat-icons-scheme li li li li li li li li li li li.over ul
{
  display: block;
  overflow: visible;
  z-index: 1;
}
/* Visual scheme */
.fancycat-icons-scheme ul li a:link,
  .fancycat-icons-scheme ul li a:visited,
  .fancycat-icons-scheme ul li a:hover,
  .fancycat-icons-scheme ul li a:active
{
  display: block;
  position: relative;
  font-size: 12px;
  color: #330000;
  text-decoration: none;
  line-height: 16px;
  vertical-align: middle;
  background: transparent none;
  padding: 0px 25px 0px 0px;
  overflow: visible;
}
.fancycat-icons-scheme a.icon-link:link,
  .fancycat-icons-scheme a.icon-link:visited,
  .fancycat-icons-scheme a.icon-link:hover,
  .fancycat-icons-scheme a.icon-link:active
{
  padding-left: 26px;
}
.fancycat-icons-scheme a.sub-link:link,
  .fancycat-icons-scheme a.sub-link:visited,
  .fancycat-icons-scheme a.sub-link:hover,
  .fancycat-icons-scheme a.sub-link:active
{
  background: transparent url(tree_subdir_plus.gif) no-repeat 97% 4px;
}
.fancycat-icons-scheme a.empty-link:link,
  .fancycat-icons-scheme a.empty-link:visited,
  .fancycat-icons-scheme a.empty-link:hover,
  .fancycat-icons-scheme a.empty-link:active
{
  color: #a3b1c7;
}
.fancycat-icons-scheme a.nowrap-link:link,
  .fancycat-icons-scheme a.nowrap-link:visited,
  .fancycat-icons-scheme a.nowrap-link:hover,
  .fancycat-icons-scheme a.nowrap-link:active
{
  white-space: nowrap;
}
.fancycat-icons-scheme img {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
}