IggyHammick

Same thing happens, the nested elements are not sitting in the container at all, could be something to do with the parent div not being floated, so they come away from it.

Hello, Im having difficulty with a CSS layout. I have a centered container div with a 'margin:auto' property, and then two nested column divs for nav and content inside. Once i float these nested divs (left & right) they come away from there parent conatiner div. What is the correct way of coding this? Here is a snippit of my code: #container {margin:auto; width:850px; height:100%; } #navigation { width:250px; height:500px; float:left; } #content { width:500px; height:500px; float:right; } hope that makes sence