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'
Code:
/*
$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;
}