Como colocar uma div abaixo de outra div?

Isso pode ser fácil. eu tenho um#slider div que tem uma imagem depois disso eu tenho#content div que tem texto. Eu tentei posição relativa, então eu acho que deve vir após a div anterior, quero dizer#slider mas aqui não está vindo assim.

Qual é o problema aqui. como superá-lo?

HTML

<div id="slider">
<img src="http://oi43.tinypic.com/25k319l.jpg"  />
</div>
<div id="content">
<div id="text">
    samplle text
    </div>
</div>

CSS

#slider {
    position:absolute;
    left:0;
    height:400px;

}
#slider img {
    width:100%;
}

#content {
    position:relative;
}

#content #text {
    position:relative;
    width:950px;
    height:215px;
    color:red;
}

JSFIDDLE

questionAnswers(2)

yourAnswerToTheQuestion