Posizionamento dei DIV

[saveriop]

Salve,
ho la necessita' di disegnare dei pannelli dentro un pannello contenitore:

<DIV class="MainPanel">
  <DIV class="Panel1"></DIV>
  <DIV class="Panel2"></DIV>
  <DIV class="Panel2"></DIV>
</DIV>

Il mio problema e' il posizionamento dei pannelli figli. Ho provato ad usare, l'origine non e' l'angolo in alto a sinistra del contenitore, e varia tutte le volte che inserisco un nuovo pannello.
C'e' un modo per specificare la posizione considerando MainPanel come origine, ossia il suo angolo in alto a sinistra come 0,0?

[CODE]
DIV.MainPanel
{
width: 800;
height: 600;
background-color: green;
border: 1px solid;
visibility: visible;
}

DIV.Panel1
{
background-color: red;
position: relative;
left: 20;
top: 20;
width: 240;
height: 300;
visibility: visible;
}

DIV.Panel2
{
background-color: blue;
position: relative;
left: 280;
top: -280;
width: 240;
height: 200;
visibility: visible;
}

DIV.Panel3
{
background-color: magenta;
position: relative;
left: 280;
top: 0;
width: 240;
height: 200;
visibility: visible;
}

[/CODE

[saveriop]

credo di aver sbagliato forum.
E' possibile spostarlo in CSS per evitare il cross?

Grazie