una imagen se me corta por culpa del overflow: hidden :(

[Oren]

codigo de la pagina (los </div> cierran divs que estan abiertos pero que no muestro por no poner todo el chorizo):

Código:

<div id='content'>
<div class='post_container'>
<!-- text and image -->
<p>Probando esto del slideshow, a ver que tal</p>

<p></p><div id='img-container'>
<p class='nav'><a id='prev' href='#'>Prev</a> | <a id='next' href='#'>Next</a> 
	       <span id='num'></span></p><div id='s1' class='pics'>

<div><img src='http://mipagina.com/imagenes/imagen1.jpg'  /><p>&nbsp;</p></div>

<div><img src='http://mipagina.com/imagenes/imagen2.jpg' /><p>&nbsp;</p></div>
</div>
</div>
</div>
</div>
<div id='footer'></div>

son dos imagenes que se muestran en plan slideshow (primero aparece una, se hace clic en next y muestra la otra). pues como dije el fondo de la capa content se "acaba" y corta las imagenes. el codigo css de esa parte:

Código:

#content {
    height: 100%;
    margin: 0 0 0 200px;
    overflow: hidden;
	background: url("img/bg_content.png") repeat-y;
	width: 500px;
}

.post_container {
	padding: 10px 5px 10px 5px;
	background: url("img/post_container.png") top no-repeat;
}

#img-container	{ margin: 0; padding: 22px 25px 1px 25px; }

#footer {
	background: url("img/bg_footer.png");
	width: 500px;
	height: 40px;
	margin-left: 200px;
}

como marco en negrita, es la capa content la que termina "bruscamente" en vez de seguir incluyendo las imagenes.