Scusate ma i margini funzionano su FireFox ed IE ??

Lo so che la domanda è alquanto stupida ma mi è sorto questo dubbio..

Ho questo semplice codice

codice:
body,html
{
    position: absolute;
    margin: 0;
    padding: 0;
    height: 100%;
    width:100%;
    background: transparent;
    font-size: 100%;
    z-index: 0; 
    cursor:pointer;
    overflow: hidden;
}

/* INTRO */

#introbox
{
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
    width:100%;
    background: transparent;
    z-index: 1; 
    cursor:pointer;
}
#introbar
{
    position: absolute;
    margin: 40% 0 0 0;
    padding: 0;
    height: 20%;
    width:100%;
    background: transparent;
    z-index: 2; 
    cursor:pointer;    
}


Stessa cosa con un logo che dovrebbe essere sopra a tutti.

Se uso invece Top e Left funziona regolarmente.

Qualcuno mi spiega come funzionano i margini ..

Grazie Daniele