8 box 7 div layout

Made by: Dan

It's a simple div that looks spaced out, with the divs not aligned properly. I don't like it really.

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:-290px; width: 725px; height: 650px; z-index:0; visibility:visible !important; overflow:none;} .box1 {background-color:transparent; position: absolute; left: 50% ; top: 200px; margin-left: -270px; width: 115px; height: 290px; z-index:1; visibility:visible !important; overflow:auto;} .box2 {background-color:transparent; position: absolute; left: 50% ; top: 200px; margin-left: -135px; width: 215px; height: 60px; z-index:1; visibility:visible !important; overflow:auto;} .box3 {background-color:transparent; position: absolute; left: 50% ; top: 240px; margin-left: 100px; width: 140px; height: 330px; z-index:1; visibility:visible !important; overflow:auto;} .box4 {background-color:transparent; position: absolute; left: 50% ; top: 270px; margin-left: -130px; width: 185px; height: 215px; z-index:1; visibility:visible !important; overflow:auto;} .box5 {background-color:transparent; position: absolute; left: 50% ; top: 510px; margin-left: -270px; width: 135px; height: 70px; z-index:1; visibility:visible !important; overflow:auto;} .box6 {background-color:transparent; position: absolute; left: 50% ; top: 520px; margin-left: -100px; width: 140px; height: 60px; z-index:1; visibility:visible !important; overflow:auto;} .box7 {background-color:transparent; position: absolute; left: 50% ; top: 600px; margin-left: -250px; width: 480px; height: 75px; z-index:1; visibility:visible !important; overflow:auto;} .box8 {background-color:transparent; position: absolute; left: 50% ; top: 705px; margin-left: -250px; width: 480px; height: 60px; z-index:1; visibility:visible !important; overflow:auto;} </style>

Who I'd Like to Meet:

<div class="background"> <img src="URL TO BACKGROUND, DON'T HOTLINK"> </div> <div class="box1"> box 1 here </div> <div class="box2"> box 2 here </div> <div class="box3"> box 3 here </div> <div class="box4"> box 4 here </div> <div class="box5"> box 5 here </div> <div class="box6"> box 6 here </div> <div class="box7"> box 7 here </div> <div class="box8"> box 8 here </div>