Как выровнять объекты по центру и сделать их строчными

[Armatus]

Не могу выровнять объекты по центру, сделав контейнер и изображение bit.jpg в строку. вот код

<div id="wrapper">
<img id="img" src="images/bit.jpg" alt="" />
	<div id="container">
		<div class="sliderbutton" id="slideleft" onclick="slideshow.move(-1)"></div>
		<div id="slider">
			<ul>
				<li><img src="photos/1.jpg" width="558" height="235" alt="Image One" /></li>
				<li><img src="photos/2.jpg" width="558" height="235" alt="Image Two" /></li>
				<li><img src="photos/3.jpg" width="558" height="235" alt="Image Three" /></li>
				<li><img src="photos/4.jpg" width="558" height="235" alt="Image Four" /></li>
			</ul>
		</div>
		<div class="sliderbutton" id="slideright" onclick="slideshow.move(1)"></div>
		<ul id="pagination" class="pagination">
			<li onclick="slideshow.pos(0)"></li>
			<li onclick="slideshow.pos(1)"></li>
			<li onclick="slideshow.pos(2)"></li>
			<li onclick="slideshow.pos(3)"></li>
		</ul>
	</div>
</div>

/* SLIDER*/
* {margin:0; padding:0}
#wrapper {width:673px; margin: 0 auto;}
#wrapper #img {height: 235px; display: block-inline;}
#container {background:#fff; padding: 5px 0 32px 0; height:210px; display: block-inline;}
.sliderbutton {float:left; width:25px; height:235px; cursor:pointer}
#slideleft {background:url(images/icons.gif) -50px -265px no-repeat}
#slideleft:hover {background-position:-0 -265px}
#slideright {background:url(images/icons.gif) 0 90px no-repeat}
#slideright:hover {background-position:-50px 90px}
#slider {float:left; position:relative; overflow:auto; width:558px; height:235px; display: block; border-radius: 10px;}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:558px; height:235px}
.pagination {position:relative; top:20px; right:100px; list-style:none; height:25px}
.pagination li {float:left; cursor:pointer; height:8px; width:8px; background:#ccc; margin:0 4px 0 0; border:1px solid #fff}
.pagination li:hover, li.current {background:#fff}
/*============================================================*/

[Naive]

inline-block

[Armatus]

а дело то было в теге width идентификатора #wrapper. Сдела поширше. привел к виду inline и готово дело) спасибо всем.