Выравнивание трёх слоёв

[denisyok]

В общем такая картина:

	<div id="slider">
		<div class="slider_prev"></div>
		<div class="slider_body"></div>
		<div class="slider_next"></div>		
	</div>

	#slider {
		width:100%;
		clear:both;
	}
		.slider_prev {
			float:left;
			width:37px;
			height:157px;
			background-image: url('../images/slider_prev.gif');
		}
		.slider_body {
			margin:0 auto;
			width:1005px;
			height:300px;
			background:#000;
		}
		.slider_next {
			float:right;
			width:37px;
			height:157px;
			background-image: url('../images/slider_next.gif');		
		}

Необходимо выровнить .slider_prev по левому краю, .slider_body по центру, .slider_next по правому. С таким кодом .slider_next переносится на новую строку. Как быть?

[ils]

Как быть?

<div class="slider_body"></div> и <div class="slider_next"></div> местами поменять.