[css] problem z rozmieszczeniem

[maciask01]

Witam

Otóż zrobiłem ostatnio stronę u siebie w domu, umieściłem go na serwer i problem polega na tym, że na panoramicznym monitorze wszystko się rozjeżdża.

Pomyślałem, że przyczyną może być to że w css podałem jednostki w 'px', lecz gdy zmieniłem na '%' problem nie zniknął

Wie ktoś czemu się tak dzieje?

link do strony: rogalewicz.home.pl
kod aktualnie wygląda tak:

#bg {

background-image: url("images/bg.jpg");
background-repeat: repeat-x;
background-color: #CECAC7;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-decoration:none;
}

#logo {
position:absolute;
top: 10px;
left: 32%;
}

#pskgr {
position:absolute;
top: 300px;
left: 32%;
}

#uslugi {
position:absolute;
font-family: arial;
font-size: 20px;
top: 305px;
left: 36%;
color: black;
}

#mix{
position:absolute;
font-family: arial;
font-size: 20px;
top: 305px;
left: 90%;
color: black;
}


#ofirmie {
position:absolute;
font-family: arial;
font-size: 20px;
top: 305px;
left: 43%;
color: black;
}

#mixokret {
text-decoration:none;
position:absolute;
font-family: arial;
font-size: 20px;
top: 305px;
left: 51%;
color: black;

}

#kontakt {
position:absolute;
font-family: arial;
font-size: 20px;
top: 305px;
left:60%;
color: black;
}


#elipsa {
position:absolute;
top: 350px;
left: 15%;
}

#mix {
position:absolute;
top: 600px;
left: 40%;
}


#a {
position:absolute;
font-family: arial;
text-align: justify;
font-size: 20px;
top: 375px;
left: 35%;
color: black;
float:left;
width: 33%;
}

#b {
position:absolute;
font-family: arial;
text-align: right;
font-size: 20px;
top: 375px;
left: 35%;
color: black;
float:left;
width: 33%;
}

z góry wielkie dzięki za pomoc, pozdrawiam.