How do i insert my div code into this hide everything code?

i already have my div code, i just dont know how to/where to put the code in this code: <div class="main"> <table style="width: 1024px; height: 1143px; cellpadding: 0px; cellspacing: 0px; background-color: d1cdcd" border="0"... show more i already have my div code, i just dont know how to/where to put the code in this code:

<div class="main">
<table style="width: 1024px; height: 1143px; cellpadding: 0px; cellspacing: 0px; background-color: d1cdcd" border="0" bordercolor="#D1CDCD">
<tr>
<td valign="top">
<div class="overlay_wrapper">
<div class="content_container">
<div class="content_left">
<p align="center"> </p>
<table border="0" width="100%" id="table2">
<tr>
<td width="507">
</td>
</tr>
</table>
<form method="post"
action="">
<p align="center">
</p>
<input type="hidden" name="friendID" value="">
</form>
</div>

<br class="clear" />
</div>

</div>

</td></tr></table></div>
<div style="position: relative;
height: 400px;
overflow: hidden;
border: 0px;">
<table><tr><td><table><tr><td>

And this in about me:

<style type="text/css">


body{
background-color: d1cdcd;
}

table, td {
background-color: d1cdcd;
}

.main {
position: absolute;
left: 50%;
top: 125px;
width: 1024px;
z-index: 1;
margin-left: -512px;
}

.overlay_wrapper {
text-align: center;
font-family: helvetica, verdana, arial, sans-serif;
font-size: 11px;
line-height: 1.5em !important;
margin-top: 5em;
}

h2 {
font-family: arial, sans-serif;
color: ABC970;
font-size: 15px;
font-weight: bold;
text-transform: lowercase;
letter-spacing: -1px;
}

h2 span {
color: acacac;
}

.overlay_wrapper p {
color: 575757;
}

.overlay_wrapper p a {
text-decoration: none;
font-weight: normal;
color: ABC970;
border-bottom: 0px solid;
border-color: DDEDBF;
}

.overlay_wrapper p a:hover {
background-color: F4FFD6;
}

.content_container {
margin: 0 auto 0;
text-align: left;
width: 800px;
}

.content_left {
font-size: 1.1em;
width: 430px;
float: left;
}

.middle_links {
float: left;
margin-top: 5.5em;
margin-left: 55px;
width: 100px;
}

.middle_links ul {
margin: 0;
padding: 0;
list-style: none;
border: 0px solid;
border-color: DDEDBF;
border-width: 0px 0 0 0;
}

.middle_links li {
width: 100px;
display: block;
}

.middle_links li a:link, .middle_links li a:visited,
.middle_links li a:active {
display: block;
width: 97px;
padding-left: 3px;
font-weight: normal;
color: ABC970;
text-decoration: none;
border: 0px solid;
border-color: DDEDBF;
border-width: 0 0 0px 0;
}

.middle_links li a:hover {
text-decoration: none;
color: ABC970;
display: block;
width: 97px;
background-color: EFF6E1;
}

textarea {
color: 575757;
width: 425px;
height: 125px;
padding: 3px !important;
background-color: E7F1D3;
border: 0px solid;
border-color: ABC970;
overflow: auto;
}

.clear {
clear: both;
}
</style>
3 answers 3