Hi,this is my first attempt at css and its gone well have a look the left and right column are not at the edges but breakin to the page? and i am lost. http://theo-walcott.com this is the css: body { background-color:white; font-family: Arial; font-size: 12px; color:black; margin:0px; } .header { height:130px; { width:100%; text-align:center; margin-top:0px; padding:0px; background:; border:0px; } #mainbody { margin-left:0px; padding-top:0px; padding-right:00px; padding-bottom:0px; padding-left:0px; background:white; color:black; border:0px; } #menu { position:absolute; top:70px; left:120px; width:120px; background:white; colorarkOliveGreen ; border:4px brown; text-align: center; height: 1177px; } #menur { position:absolute; top:70px; right:120px; width:120px; background:white; colorarkOliveGreen ; border:4px brown; text-align: center; height: 1177px; } .footer { width:100%; text-align:center; margin-top:5px; padding:1px; background:grey; color:black; border:1px solid red; } h1 { font-size:30px} h2 { font-size:24px} h3 { font-size:20px} p,h1,h2,h3 { margin: 10px 10px 10px 10px} .heading { font-family:Lucida Calligraphy; font-size:36px; background-color:yellow; color:brown; font-weight:bold; text-align: center}