* Please read post below, I left this here for info. *Lets say here is what you are trying to accomplish:<div id="centerContent"> <div id="one">...</div> <div id="two">...</div> <div id="three">...</div> <div id="four">...</div> <div id="five">...</div> <div id="six">...</div></div>Well, in your current code:#one{ position: relative; left: 15px; top: 15px;}Each of the nested divs above will be on their own line and will stretch 100% of the width of the parent container (#centerContent) which is default behavior for divs. They will also be moved relative to their original position. If you want to see what I mean, assign each of the divs a background color.Try this:#one,#two,#three,#four,#five,#six{ float: left; width: 25px; /* of course change this to whatever is necessary */}That'll get you six divs that are 25 pixels wide and will line up next to each other. You should follow that (because they are floats) with a clearing div or the like.For example:<div class="clear"> </div>The associated code:.clear{ clear: both;}There are more advanced ways to clear floats, but this works too.I can't really say much more because I don't know enough information.Good luck.