[HTML][CSS]Ustawianie div za pomocą position:absolute. Opcje

[--qaz--]

Witam.

Nie mogę sobie poradzić z takim małym problemem. Polega on na tym, że chcę ustawić sobie kilka div-ów za pomocą position: relative.

Wszystko było by dobrze jeśli np. jest tak:

[HTML] pobierz, plaintext 
<div style="width: 400px; height: 400px; border: 1px solid black; overflow: hidden;">
<div style="width: 30px; height: 30px; position: relative; top: 0px; left: 0px; background-color: yellow;">
<div style="width: 30px; height: 30px; position: relative; top: 0px; left: 30px; background-color: red;">
</div>
[HTML] pobierz, plaintext 

Ustawiają się obok siebie lecz gdy jest najpierw left: 30px; i w następnym divie 0px to ustawiają się nie na tych pozycjach co trzeba.

Jak temu mógłbym zaradzić?