Почему не работает z-index

[Mantikore]

css:

#content_top
		{
			position: relative;
			top: -200px; 
			width: 800px;
			min-height: 400px;
			background-image: url('web/content_top.gif');
			background-repeat: no-repeat;
			background-color: #01140d;
			z-index: 1;
		}
#content
		{
			width: 800px;
			z-index: 3;
		}
#content_bottom
		{
			width: 800px;
			height: 200px;
			background-image: url('web/content_bottom.gif');
			position: relative;
			top: -200px;
			z-index: 2;
		}

html:

<div id="content_top">
	   <div id="content">этот текст должен быть поверх картинок!А он бяка такая закрывается content_bottom</div>
	   <div id="content_bottom"></div>
</div>

ну что скажете? я что-то неправильно делаю?

или может просто подскажете другой путь - контентная часть состоит из трех элементов: картинка которая должна быть всегда сверху, картинка которая должна быть всегда снизу, а поверх всего этого должен находится сам текст( соответственно растягивается фон между двумя картинками)

Буду весьма благодарна за содействие)

Edited July 9, 2009 by Mantikore

[Zippovich]

немного не понял зачем использовать для этого z-index

не проще ли сделать 2 вложенных друг в друга блока с верхним и нижним бэкграундом?

[Mantikore]

немного не понял зачем использовать для этого z-index

не проще ли сделать 2 вложенных друг в друга блока с верхним и нижним бэкграундом?

все я уже решила проблему. и не было это проблемой вовсе(просто мне ночью нельзя работать, я туплю.