i'm a css newbie, i'm trying to figure out how to positon two images together side by side in the middle of a container. here is what i've done so far, both images stay on the left, what is the easiest approach for this.

thanx in advance!
<html>
<style type="text/css">
<!--
#pos1 {
position:relative;
padding:0;
height:300px;
width:190px
}
#pos2 {
position:relative;
padding:0;
height:300px;
width:190px;
top: 0px;
}
#container1 {
padding:0 0 0 0;
text-align:center;
}
-->
</style>
<body>
<div id="container1">
<div id="pos1"><img src="part1.jpg"></div>
<div id="pos2"><img src="part2.jpg"></div>
</div>
</body>
</html>