9 box div 4 div layout

Made by: Josh

Loads of divs in a logical order.

About Me:

<style type="text/css"> .profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileSchool, .userProfileNetworking, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .friendSpace, .friendsComments, 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;} .box1{background-color:transparent; position: absolute; left: 50% ; top: 150px; margin-left:-410px; width: 200px; height: 200px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .box2{background-color:transparent; position: absolute; left: 50% ; top: 150px; margin-left:-206px; width: 203px; height: 200px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .box3{background-color:transparent; position: absolute; left: 50% ; top: 150px; margin-left:2px; width: 200px; height: 200px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .box4{background-color:transparent; position: absolute; left: 50% ; top: 150px; margin-left:206px; width: 200px; height: 200px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .box5{background-color:transparent; position: absolute; left: 50% ; top: 355px; margin-left:-410px; width: 200px; height: 200px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .box6{background-color:transparent; position: absolute; left: 50% ; top: 355px; margin-left:-206px; width: 203px; height: 200px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .box7{background-color:transparent; position: absolute; left: 50% ; top: 355px; margin-left:2px; width: 200px; height: 200px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .box8{background-color:transparent; position: absolute; left: 50% ; top: 355px; margin-left:206px; width: 200px; height: 200px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} .box9{background-color:transparent; position: absolute; left: 50% ; top: 560px; margin-left:-410px; width: 815px; height: 200px; z-index:0; visibility:visible !important; overflow:auto; border:2px solid black} </style>

Who I'd Like to Meet:

<div class="box1"> 1 </div> <div class="box2"> 2 </div> <div class="box3"> 3 </div> <div class="box4"> 4 </div> <div class="box5"> 5 </div> <div class="box6"> 6 </div> <div class="box7"> 7 </div> <div class="box8"> 8 </div> <div class="box9"> 9 </div>