OK I'm really close to being dine with my layout. I have a wrapper or container div that everything is housed in. It keeps the site centered horizontally. There is a header and footer div inside the wrapper. They house the top and bottom borders for my site. The wrapper also houses the side borders for the site. Lastly inside the wrapper between the header and footer is an inner wrapper that houses the content area. I am trying to get two div columns to position correctly inside this content wrapper. The two columns appear inside the wrapper div. However the 2nd div begins its column below the first column. The left column is fine and the 2nd right column is positioned to the right of the left column but it begins after the vertical end length of the first. I need them both to be side by side each starting at the top of the container they are in. <html> <title></title> <head> <style type="text/css"> body { margin-top:40px; margin-bottom:40px; background: #00FF00; } #wrapper { position:relative; width:1116px; margin-left:auto; margin-right:auto; } #header { position:relative; width:1116px; height:20px; background-color:#FF00FF } #logo { position:relative; width:1076px; height:169px; left:20px; } #footer { position:relative; width:1116px; height:20px; background-color:#FF00FF } #inerpage { position:relative; margin-left:20px; margin-right:20px; margin-top:0px; background: #FFFF66; text-align:center; } #content { position:relative; left:0px; width:400px; height:auto; margin-top:0px; background: #FFFF66; text-align:center; } #contentright { position:relative; left:405px; width:100px; height:auto; margin-top:0px; background: #FFFF66; text-align:center; } p { margin:0px; } </style> </head> <body> <div id="wrapper" style="background-image:url(images/sides.gif); background-repeat:repeat-y"> <div id="header"></div> <div id="logo"> <img src="images/Top Bar.gif" width="1076" height="169" alt="" /> </div> <div id="inerpage"> <div id="content"> <p>CONTENT</p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> <div id="contentright"> <p>CONTENT</p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> </div> <div id="footer"></div> </div> </body> </html> Please help