z-index virker ikke ordenligt

Hej jeg er i gang med en hjemmeside og har lavet en dynamisk header hvor der køre et diasshow med billeder og oven på den ligger der et transparant billede men et logo som har samme str. som header jeg har brugt en z-index til det men det er lidt som om banneret bliver ved med at ligge bagved headeren nogen der kan hjælpe????

min css til de to ser sådan her ud:

#header{
    color: white;
    height: 147px;
    width: 1024px;
    float: left;
}
#banner{
    position:absolute;
    width:1024px;
    height:147px;
    z-index:1;
        float: left;
}