CSS - Problema con posts en css y php, que no crecen O.o

Vereis, en el diseño de mi pagina, tengo en la parte de arriba un frame con el logo la cabecera, etc..

En el frame de abajo: a la izquierda hay un contenedor con banners (position:fixed), y en la derecha un contenedor donde van los posts (posicion:absolute). Este ultimo tiene un codigo php que coge 30 post de la base de datos y los pone uno por uno, y hay de dos tipos (contenedor tipo1 y tipo2):

div.tipo1{
/*overflow:scroll;*/
position: relative;
border: 0px;
width:80%;
min-height:280px;
height:auto;
}

Cada contenedor de estos son 9 classes (c1,c2..c9), para hacer una recuadro con imagenes, estos son todos asi..:

div.tipo1 div.c1{
background-image:
url('../img/web/arioco/1.gif');
position: absolute;
top: 0px;
left: 0px;
background-color: transparent;
height:28px;
width:28px;
z-index:1;
}

Pero tengo un problema con el contenedor de la derecha, el de post, es que estos no se alargan a la longitud del post, y cambiando cosas se solapan todas. O.o

Me gustaria saber como puedo hacer para que quede en una cierta longitud pero que al crecer los datos el contenedor de tipo1 y tipo2 lo haga con ellos, sin solaparse.

Estoy un poco pez en CSS y por el momento algo desesperado xD Si me podeis exar un cable os lo agradezco de antemano. El diseño es algo cutre, a parte de eso espero haberme explicao bien :)

Gracias!

Ya esta solucionado.
Por si alguien le pasa con su recuadro, tube ke hacer una tabla de 9 posiciones:

1 2 3
4 5 6
7 8 9

el codigo chapuzero ke ize se kedo asi:

table.arioco{
overflow:visible;
position: relative;
border: 0px #FF1111 solid;
width: 80%;
margin: 0px;
padding:0px;
border-collapse: collapse;
table-layout: auto;
font-size:14px;
}
/***************************************************************************/
table.arioco td.c1{
background-image:
url('../webs/users/arioco/web/1.gif');
background-position: bottom right;
background-repeat: no-repeat;
background-color: transparent;
height:38px;
width:30px;
_width:35px;
float:right;
z-index:1;
}
table.arioco td.c2{
background-image:
url('../webs/users/arioco/web/2.gif');
background-repeat: repeat-x;
background-position: bottom left;
height:38px;
width:40%;
}
table.arioco td.c2b{
background-image:
url('../webs/users/arioco/web/2.gif');
background-position: bottom left;
background-repeat:repeat-x;
background-color: transparent;
height:38px;
width:40%;
}
table.arioco td.c3{
background-image:
url('../webs/users/arioco/web/3.gif');
background-position: bottom left;
background-repeat: no-repeat;
background-color: transparent;
height:38px;
width:30px;
_width:35px;
float:left;
z-index:1;
}
table.arioco td.c4{
background-image:
url('../webs/users/arioco/web/4.gif');
background-position: top right;
background-repeat:repeat-y;
background-color: transparent;
width:30px;
_width:35px;
height:100%;
}
table.arioco td.c5{
background-image:
url('../webs/users/arioco/web/5.gif');
background-position: top left;
background-color: #a9d974;
width:80%;
}
table.arioco td.c6{
background-image:
url('../webs/users/arioco/web/6.gif');
background-repeat:repeat-y;
background-position: top left;
background-color: transparent;
width:30px;
_width:35px;
height:100%;
}
table.arioco td.c7{
background-image:
url('../webs/users/arioco/web/7.gif');
background-color: transparent;
background-position: top right;
background-repeat: no-repeat;
height:30px;
width:30px;
_width:35px;
z-index:1;
}
table.arioco td.c8{
background-image:
url('../webs/users/arioco/web/8.gif');
background-repeat:repeat-x;
background-position: top left;
background-color: transparent;
height:30px;
width:80%;
}
table.arioco td.c9{
background-image:
url('../webs/users/arioco/web/9.gif');
background-color: transparent;
background-position: top left;
background-repeat: no-repeat;
height:30px;
_width:35px;
width:30px;
z-index:1;
}