layer oven på layer i firefox virker ikke

Hej jeg kan ikke få to lag til at ligge oven på hinanden

Det lag jeg lægger øverst gør at det andet lag ikke kommer frem

jeg gene have noget html text oven på et billede
her min kode

<img src="../../music/banner23.jpg" width="700" height="111" class="banneret"  />   

    <div class="overskrift">her er min over skrift</div></td>

css
:::::::
.banneret {
    z-index: -1;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -350px; /*halvdelen af billedets størrelse*/
   
   
    background-color: #D6D3CE;
}
.overskrift {
    margin-left: 5px;
    color: #999999;
   
}