* {margin:0;padding:0;} /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body { background:url(../../../../../../../../s/templates/event_pages/assets/images/bg-wrap.jpg) repeat-x #c3c3c3; padding-top:10px; } #wrap {min-height: 100%; width:900px; margin:0px auto; text-align:center; } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ #header { font-size:72px; width:100%; margin:10px; border:0px dashed #232323; color:#818181; font-family:'Helvetica Neue', Helvetica, Arial, Courier; font-weight:200; text-align:center; margin-top:0px; } #subtitle { font-size:56px; width:90%; border:0px dashed #232323; color:#818181; font-family:'Helvetica Neue', Helvetica, Arial, Courier; font-weight:200; text-align:center; margin:0px auto; margin-top:30px; margin-bottom:30px; } #video { margin-top:30px; width:640px; height:480px; margin:0px auto; /*background:url(../../../../../../../../s/templates/event_pages/assets/images/video.jpg) no-repeat;*/ } #vid_shadow { width:640px; height:34px; margin:0px auto; background:url(../../../../../../../../s/templates/event_pages/assets/images/shadow.png) no-repeat; position:relative; top:-14px; } #cue_point { width:65%; padding:20px; border:0px solid #232323; color:#818181; font-family:'Helvetica Neue', Helvetica, Arial, Courier; font-weight:bold; text-align:center; margin:0px auto; margin-top:30px; margin-bottom:30px; position:relative; top:-15px; } #chat { font-size:56px; width:560px; height:460px; line-height:460px; border:0px solid #232323; color:#818181; font-family:'Helvetica Neue', Helvetica, Arial, Courier; font-weight:bold; text-align:center; margin:0px auto; margin-top:30px; margin-bottom:30px; position:relative; top:-15px; }