problema en theme wordpress con footer, contenido y sidebar

[daroo]

Buenas gente! como les va? hace unos dias tengo un problema con un theme que estoy armando, resulta que el footer no se mueve, queda fijo y al escribir el contenido y agregar tambien contenido en el sidebar lo pasan por arriba, probe varias modificaciones que encontre en el foro pero ninguna me funciona, probe tambien ubicarlo por fuera del contenedor pero sin embargo sique pasando lo mismo

aqui les dejo el codigo CSS:

#contenedor {
position:absolute;
left:50%;
top:0px;
width:950px;
height:960px;
margin-left: -475px;
}

#cabezera {
position:absolute;
left:0px;
top:0px;
width:697px;
height:78px;
}

#rss {
position:absolute;
left:697px;
top:0px;
width:84px;
height:78px;
}

#facebook {
position:absolute;
left:781px;
top:0px;
width:86px;
height:78px;
}

#twitter {
position:absolute;
left:867px;
top:0px;
width:83px;
height:78px;
}

#banner {
position:absolute;
left:0px;
top:78px;
width:950px;
height:240px;
}

#menu {
position:absolute;
left:0px;
top:319px;
width:950px;
height:51px;
}

#slideshow {
position:absolute;
left:0px;
top:369px;
width:950px;
height:73px;
}

#contenido {
position:absolute;
left:0px;
top:442px;
width:652px;
height:358px;
}

#separador1 {
position:absolute;
left:652px;
top:442px;
width:24px;
height:358px;
}

#sidebar {
position:absolute;
left:676px;
top:442px;
width:274px;
height:358px;
}

#slide-pie {
position:absolute;
left:0px;
top:800px;
width:950px;
height:48px;
}

#pie {
position:absolute;
left:50%;
top:848px;
width:950px;
height:112px;
margin-left: -475px;
}

aqui les dejo el codigo html para que lo vean

<div id="contenedor">
<div id="header">
<div id="cabezera">
<img src="images/cabezera.png" width="697" height="78" alt="" />
</div>
<div id="rss">
<img src="images/rss.png" width="84" height="78" alt="" />
</div>
<div id="facebook">
<img src="images/facebook.png" width="86" height="78" alt="" />
</div>
<div id="twitter">
<img src="images/twitter.png" width="83" height="78" alt="" />
</div>
<div id="banner">
<img src="images/banner.png" width="950" height="240" alt="" />
</div>
<div id="menu">
<img src="images/menu.png" width="950" height="51" alt="" />
</div>
</div>
<div id="slideshow">
<img src="images/slideshow.png" width="950" height="73" alt="" />
</div>
<div id="contenido">
</div>
<div id="separador1">
<img src="images/separador1.png" width="24" height="358" alt="" />
</div>
<div id="sidebar">
<img src="images/sidebar.png" width="274" height="358" alt="" />
</div>
<div class="slide-pie">
<img src="images/slide_pie.png" width="950" height="48" alt="" />
</div>
</div>

<div id="pie">
<img src="images/pie.png" width="950" height="112" alt="" />
</div>
<!-- End Save for Web Slices -->
</body>
</html>

los codigos estan generados con Photoshop cs5 por id

antes trabajaba con tablas y este problema no tenia pero decidi modernizarme jaja

tambien si lo quieren aca les dejo la direccion para que vean lo que pasa

[URL="http://pcmodders.com.ar/template/index.html"]conflicto con el template[/URL]

tambien intente darle clear both, cambiarle position absolute por relative y no pasa naranja

desde ya muchas gracias!