Divs problem Options

[Nina-Williams]

I want to add one more div to my profile.
I have already 4.I tried to put another one in my code,but one of them disappeared.
Here my divs code.

<style type="text/css">
body {background-color:000000; background-image:none;}
td, .text, div, input {color:00FFCC !important;}
a {color:silver !important;} img {border:0px;}
table, tr, td {background:transparent; border:0px;}
img, .contactTable { display:none; }
.bbzContainer img, .comt img { display:inline; }
table div, td td td, table div div { visibility:hidden; }
font, a, .bbzsc a { visibility:hidden; }
marquee { visibility:visible !important; }

.bbzComment { This is where you control the position of the player. }
table table embed {display:block; width:202px; height:35px; position:absolute; top:0px; left:0px; visibility:visible;}
table table table embed, .bbzContainer div embed {position:static !important; width:auto; height:auto; }
.text, table table table table a,
table table table table div,table table table table div a {visibility:visible;}


.bbzComment { You selected to hide comments. }
.bbzsc { display:none; }
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;}
table table, table table td {padding:0px; height:0px;}

.div3 {
background-color:black; color:33FFCC;
border:0px solid; border-color:black;
width:600px; height:350px; overflow:auto;
position:absolute; z-index:2; left:21%; top:54%;
margin-left:-250px; margin-top:10px; text-align:center;
visibility:visible;
background-image:url(http://img222.imageshack.us/img222/8664/layoutboxaaaa1wn0.jpg);
background-position:center center;
background-repeat:no repeat;
background-attachent:scroll;
}

.div0 {
background-color:black; color:00FF99;
border:0px solid; border-color:black;
width:309px; height:383px; overflow:auto;
position:absolute; z-index:1; left:85%; top:0%;
margin-left:-125px; margin-top:400px; text-align:center;
visibility:visible;
background-image:url(http://img155.imageshack.us/img155/2986/backgroundmm1.jpg);
background-position:bottom right;
background-repeat:no repeat;
background-attachent:scroll;
}

.div1 {
background-color:black; color:00FF99;
border:0px solid; border-color:black;
width:511px; height:321px; overflow:auto;
position:absolute; z-index:2; left:0%; top:0%;
margin-left:0px; margin-top:150px; text-align:center;
visibility:visible;
background-image:url(http://img222.imageshack.us/img222/6779/bannerhn3.jpg);
background-position:center center;
background-repeat:no repeat;
background-attachent:scroll;
}

.div2 {
background-color:black; color:00FFCC;
border:0px solid; border-color:black;
width:145px; height:248px;
position:absolute; z-index:2; left:25%; top:37%;
margin-left:150px; margin-top:150px; text-align:center;
visibility:visible;
background-image:BLAH BLAH BLAH


So,where should I add the next div?
I want to be next to div3.