Runde ecken Box positionieren

[Mo3bius]

Ok, nun sieht das schon ganz gut aus :)

Hier der Code:

.ro {
 position: absolute;
        top:100px;
 left:250px;
 background:url(../images/ro.gif) right top no-repeat;
 margin:0;
 padding:0;
}

.lo {
 background:url(../images/lo.gif) left top no-repeat;
 margin:0;
 padding:0;
}

.ru {
 background:url(../images/ru.gif) right bottom no-repeat;
 margin:0;
 padding:0;
}

.lu {
 background:url(../images/lu.gif) left bottom no-repeat;
 margin:0;
 padding:0;
}

Es klappt so, wie ich mir das vorgestellt habe, ich verstehe aber nicht warum...

Das erste Element wird von oben 100 px und von links 250 px positioniert. Warum werden dann die anderen Elemente aber dazu richtig angeordnet?? Die sind doch nicht mir .ro verbunden?
Also von meiner Vorstellung her, müssten die einfach left top, right bottom, left bottom dargestellt werden.

Und noch ne Frage, wie positioniere ich meine Box zentriert in der Mitte?

Mfg Mo3bius