IE transparant & position probleem

[skabouter]

ik heb de volgende javascript code geschreven om een mooi menu te maken waarbij de verschillende menu items netjes transparant wegfaden.

code:

/*
    haal de id op in verschillende browsers !
*/
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);

function get_id(_Obj)
{
    if(ns6)
    {
        //alert('Uw browser is ns6 compatible');
        return document.getElementById(_Obj);       
    }
    else if(ie4)
    {
        //alert('Uw browser is ie4 compatible');
        return document.all[_Obj];      
    }
    else if(ns4)
    {
        //alert('Uw browser is ns4 compatible');
        return document.layers[_Obj];       
    }
    else
    {
        return false;
    }
    
}

/*
 * MENU
 */
 
timerID1 = 0;
timerID2 = 0;
timerID3 = 0;
timerID4 = 0;
visible1 = false;
visible2 = false;
visible3 = false;

function display_menu(menu_name)
{
    id = get_id(menu_name+"_sub");

    id.style.visibility = 'visible';
    
    if (ie4)
    id.filters.alpha.opacity = 100;
    else
    id.style.MozOpacity = 1;
    
    if(menu_name == "berichten"){       visible1 = true; }
    else if(menu_name == "groepen"){    visible2 = true; }
    else if(menu_name == "beheer"){     visible3 = true; }
    
    reset_timer();
}

function reset_timer()
{
    if(timerID1)
    {
        clearTimeout(timerID1);
    }
}

function hide_menus()
{
    if((visible1 == true) || (visible2 == true) || (visible3 == true))
    {
        timerID1 = setTimeout("hide_all(4);", 1500);
    }
}

function hide_all(nr)
{

    if((visible1 == true) && ((nr == 1) || (nr == 4)))
    {
        hide_berichten();
    }
    
    if((visible2 == true) && ((nr == 2) || (nr == 4)))
    {
        hide_groepen();
    }
    
    if((visible3 == true) && ((nr == 3) || (nr == 4)))
    {
        hide_beheer();
    }
}

function hide_berichten()
{   
    id = get_id("berichten_sub");
    
    if (id.style.MozOpacity)
    {
        id.style.MozOpacity = id.style.MozOpacity - 0.1
        
        if((id.style.MozOpacity <= 0))
        {
            clearTimeout(timerID2);
            id.style.visibility = 'hidden';
            visible1 = false;
        }
        else
        {   
            timerID2 = setTimeout("hide_all(1)", 100);
        }
    }
    else if (id.filters)
    {
        id.filters.alpha.opacity = id.filters.alpha.opacity-10;
        if((id.filters.alpha.opacity <= 10))
        {
            clearTimeout(timerID2);
            id.style.visibility = 'hidden';
            
            visible1 = false;
        }
        else
        {   
            timerID2 = setTimeout("hide_all(1)", 100);
        }
    }
}

function hide_groepen()
{
    id = get_id("groepen_sub");
            
    if (id.style.MozOpacity)
    {
        id.style.MozOpacity = id.style.MozOpacity - 0.1
        
        if((id.style.MozOpacity == 0))
        {
            clearTimeout(timerID3);
            id.style.visibility = 'hidden';
            visible2 = false;
        }
        else
        {   
            timerID3 = setTimeout("hide_all(2)", 100);
        }
    }
    else if (id.filters)
    {
        id.filters.alpha.opacity = id.filters.alpha.opacity-10;
        if((id.filters.alpha.opacity <= 10))
        {
            clearTimeout(timerID3);
            id.style.visibility = 'hidden';
            visible2 = false;
        }
        else
        {   
            timerID3 = setTimeout("hide_all(2)", 100);
        }
    }
}

function hide_beheer()
{
    id = get_id("beheer_sub");
            
    if (id.style.MozOpacity)
    {
        id.style.MozOpacity = id.style.MozOpacity - 0.1
        
        if((id.style.MozOpacity == 0))
        {
            clearTimeout(timerID4);
            id.style.visibility = 'hidden';
            visible3 = false;
        }
        else
        {   
            timerID4 = setTimeout("hide_all(3)", 100);
        }
    }
    else if (id.filters)
    {
        id.filters.alpha.opacity = id.filters.alpha.opacity-10;
        if((id.filters.alpha.opacity <= 10))
        {
            clearTimeout(timerID4);
            id.style.visibility = 'hidden';
            visible3 = false;
        }
        else
        {   
            timerID4 = setTimeout("hide_all(3)", 100);
        }
    }
}

de bijbehorende css code van het elemant dat ik wil hiden is

code:

.menu_sub_item{
    position        : absolute;
    visibility      : hidden;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;   
    z-index:3;
}

nu komt mijn probleem, deze code werkt prima in firefox, het menu wordt goed weergegeven, en verdwijnd netjes met een fadeout. In IE werkt de code echter niet (ook niet een beetje, nee gewoon niet) alleen als ik

code:

position : absolute;

verwijder uit de CSS code werkt het enigsinds (alleen worden dan alle menu's op een plaats weergegeven over elkaar). Ik ben nu al ongeveer 3 uur bezig met het vinden van een oplossing, maar ik kan nergens vinden waarom dit niet wil werken. Iemand een id?

[Creepy]

"Het werkt niet" en "het werkt enigzins" zijn nu nu niet echt termen waar we echt iets mee kunnen. Daarnaast post je een gigantische lap code met de de vraag "iemand een idee?" terwijl je zelf ook al ana het zoeken en aan het spitten bent geweest. Geef dan ook aan wat je nu precies zelf hebt geprobeerd, wat daar niet mee lukte, en de relevante (dus niet alle!) code.

Daarnaast zit je ook nog eens in het verkeerde forum zoals je in HTML, CSS, JavaScript, Flash en Director? Kijk eerst hier! had kunnen lezen.

Aangezien er nogal wat informatie mist sluit ik je topic i.p.v. dat ik het verplaats. Mocht je een nieuw topic willen openen op de juiste plek let dan wel op de FAQ aldaar. Geef in elk geval aan wat er nu precies mis gaat en de zaken die je zelf al hebt geprobeerd om je probleem op te lossen en wat daar niet mee lukte. En post aub dan ook alleen de relevante code.