DIV/CSS-ekspertise søges !!

Jeg er i gang med mit første site: www.detvarpokkers.dk. Mit layout er opbygget med DIV:

<div id="skyggelodret"></div>
<div id="overskriftgrafiklodret"></div>
<div id="overskriftgrafikhjoerne"></div>
<div id="overskriftgrafiktop"></div>
<div id="rammebund"></div>
<div id="rammehjoerne"></div>
<div id="underbannermain"></div>
<div id="overskriftmain"></div>
<div id="baggrund"></div>

Jeg bruger et eksternt stylesheet (www.detvarpokkers.dk/grafik/style.css).

Problemet er blot at visse div'er bliver fortolket anderledes mellem PC og MAC. Har gennemlæst mit stylesheet 100 gange (så'en cirka) og kan ikke ikke finde fejlen. Et eks.: (#overskriftgrafiklodret)

Jeg skrev i Lyd/tekst:
#overskriftgrafiklodret {
color: #ffffff;
background-color: #000098;
position:absolute;
left: 441px;
top: 170px;
height: 310px;
width: 1px;
border: none;
z-index: 2;
}

Men det bliver læst som:
#overskriftgrafiklodret {
color: #ffffff;
background-color: #000098;
border: none;
position: absolute;
z-index: 2;
top: 170px;
left: 441px;
width: 4px;
height: 310px;
visibility: visible }

Som det fremgår er er 'width' blevet 3 px større, og 'z-index' blander sig i positioneringen.

Mine spørgsmål:
1) kan rækkefølgen af div'ene gøre en forskel
2) hvad er det lige jeg har gjort galt!?
3) skal jeg droppe div, og i stedet kaste mig over et stort baggrundsbillede eller table?

Har kastet 100p i puljen til den der kan/vil hælpe mig ud af min knibe.

Venligst stefan