8 box comments div layout

Made by: Nick

Again this was one of the first I ever made, it's pretty simple but works quite well.

About Me:

<style type="text/css"> .profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileSchool, .userProfileNetworking, .userProfileCompany, .extendedNetwork, .latestBlogEntry, td div {display:none;} div td div, span.text div {display:block;} div td div div {position:absolute!important; z-index:9; left:50%; margin-left:1px!important;} div td div {position:absolute!important; z-index:9; left:50%; margin-left:-364px!important;} .blurbs {visibility:hidden;} .blurbs span.text, .blurbs span.text * {visibility:visible;} div table div form {display:none!important} div table div select {display:none!important} div table div .mslogo {display:none!important} div div table div li {display:none!important} div table div .profile {display:none!important} table.rail {position:absolute; top:-100px !important;} div div table div, div.clearfix a, input {display:none;} div.clearfix table div div {display:block;} .background {background-color:transparent; position: absolute; left: 50% ; top: 190px; margin-left:-350px; width: 700px; height: 595px; z-index:0; visibility:visible !important; overflow:none;} .box1 {background-color:transparent; position: absolute; left: 50% ; top: 190px; margin-left:-350px; width: 700px; height: 30px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .box2 {background-color:transparent; position: absolute; left: 50% ; top: 235px; margin-left:-350px; width: 200px; height: 550px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .box3 {background-color:transparent; position: absolute; left: 50% ; top: 235px; margin-left:-150px; width: 100px; height: 150px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .box4 {background-color:transparent; position: absolute; left: 50% ; top: 235px; margin-left:-50px; width: 100px; height: 150px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .box5 {background-color:transparent; position: absolute; left: 50% ; top: 235px; margin-left:50px; width: 100px; height: 150px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .box6 {background-color:transparent; position: absolute; left: 50% ; top: 235px; margin-left:150px; width: 200px; height: 215px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .box7 {background-color:transparent; position: absolute; left: 50% ; top: 385px; margin-left:-150px; width: 300px; height: 200px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .comt {background-color:transparent; position: absolute; left: 50% ; top: 585px; margin-left:-150px; width: 300px; height: 200px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .box8 {background-color:transparent; position: absolute; left: 50% ; top: 450px; margin-left:150px; width: 200px; height: 335px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} </style>

Who I'd Like to Meet:

<div class="background"> </div> <div class="box1"> ALL STUFF YOU WANT IN BOX 1 HERE </div> <div class="box2"> ALL STUFF YOU WANT IN BOX 2 HERE </div> <div class="box3"> ALL STUFF YOU WANT IN BOX 3 HERE </div> <div class="box4"> ALL STUFF YOU WANT IN BOX 4 HERE </div> <div class="box5"> ALL STUFF YOU WANT IN BOX 5 HERE </div> <div class="box6"> ALL STUFF YOU WANT IN BOX 6 HERE </div> <div class="box7"> ALL STUFF YOU WANT IN BOX 7 HERE </div> <div class="box8"> ALL STUFF YOU WANT IN BOX 8 HERE </div> </td></tr></table> </td></tr></table> <div class="comt"> <table><tr><td> <table><tr><td>