2 row 4 column div layout

Made by: Nick

Another of the first few divs I made to start the group off. It's okay but nothing special.

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;} .background {background-color:transparent; position: absolute; left: 50%; top: 190px; margin-left:-460px; width: 960px; height: 600px; z-index:0; visibility:visible !important; overflow:none; color:white;} .row1 {background-color:000000; position: absolute; left: 50%; top: 190px; margin-left:-400px; width: 750px; height: 75px; visibility:visible !important; overflow:none; color:white; border:2px solid white} .column1 {background-color:000000; position: absolute; left: 50%; top: 290px; margin-left:-400px; width: 100px; height: 500px; visibility:visible !important; overflow:auto; color:white; border:2px solid white} .column2 {background-color:000000; position: absolute; left: 50%; top: 290px; margin-left:-275px; width: 200px; height: 500px; visibility:visible !important; overflow:auto; color:white; border:2px solid white} .column3 {background-color:000000; position: absolute; left: 50%; top: 290px; margin-left:-50px; width: 200px; height: 500px; visibility:visible !important; overflow:auto; color:white; border:2px solid white} .column4 {background-color:000000; position: absolute; left: 50%; top: 290px; margin-left:175px; width: 200px; height: 500px; visibility:visible !important; overflow:auto; color:white; border:2px solid white} .row2 {background-color:000000; position: absolute; left: 50%; top: 815px; margin-left:-400px; width: 675px; height: 75px; visibility:visible !important; overflow:auto; color:white; border:2px solid white} </style>

Who I'd Like to Meet:

<div class="background"> </div> <div class="row1"> ALL STUFF YOU WANT IN TOP ROW HERE(I'D RECOMEND USING THE "ADD ME", "MESSAGE ME", ETC BUTTONS HERE.) </div> <div class="column1"> ALL STUFF YOU WANT IN COLUMN 1 HERE </div> <div class="column2"> ALL STUFF YOU WANT IN COLUMN 2 HERE </div> <div class="column3"> ALL STUFF YOU WANT IN COLUMN 3 HERE </div> <div class="column4"> ALL STUFF YOU WANT IN COLUMN 4 HERE </div> <div class="row2" ALL STUFF YOU WANT IN BOTTOM ROW HERE </div>