[FineDesign]

Here's an update...

I don't think this is a z-index problem. If I assign a z-index of -20000 to #header (and my flyout has a z-index of 20000) the flyout is still truncated at the top (right at the bottom of the #header div). I've applied overflow: visible; !important and still the top of the flyout is truncated.

I realize that #header is at the bottom of the HTML code for the page (positioned with absolute), and somehow I'm wondering if this isn't somehow causing the problem.

Has anyone else had any issues with this? Again, all I'm trying to do is move the flyout menu up on the page about 100px. Here's the CSS I'm changing to try to do that:

.fancycat-icons-e li ul { /* Change flyout menu postion here */
display: none;
position: absolute;
/* top: 4px; Custom */
top: -100px;
/* left: 160px; */
left: 160px;
/* background: #E0E6F1; Custom */
background: #D4E3E0;
border: 1px solid #fff;
margin: 0;
padding: 0;
overflow: visible; !important
z-index: 20000; !important
}