z-index problem in IE6

Question

I have been struggling with a z-index problem in IE6 for quite some time now. I require part of the 'header' portion in my website to open up (using jQuery), and cover a portion of the 'content' section which comes after it. The thing works like a charm on all the browsers I've tested it on (Firefox, Chrome, Opera), but IE6 instead pushes down the content section, which is not what I want.

The website itself is here

I have done extensive research both here on SO and thro Google but all the workarounds I've found don't work for my case. Please help.

Answer 1

hi add this code specially for IE6 in class

    .imageflow .scrollbar {
    border-bottom:1px solid #b3b3b3;
    position:relative; 
    visibility:hidden;
    z-index:10002;
    _z-index:10002;
    _top:-10px;
    height:1px;
}