help with content embed Options

[8mimi8]

hi all
I've just downloaded an overlay by fainaru "garden" http://www.createblog.com/layouts/preview.php?id=21512
and customized it a bit.
I've added the friends and comments box at the bottom of the page and removed the previous comment box.
Now Im trying to add some content as slide or youtube video and I would like to move them in the section below the written "garden by fainaru" instead of the text as in the default layout.
the problem is that i can see these content but they appear in the comment section at the very bottom of the page. I tried to change the values of the position but it seems to not effect anything.
Can someone help me please? thanks to anyone will answer!

here is the code:
</td></tr></table></td></tr></table></td></tr></table></div>

<style type="text/css">
body {
background: url('');
background-repeat: repeat;
background-color:000000;
line-height: 17px;
cursor: ne-resize;
color:000000;}


.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
img { border:0;}

.nav {
background-color:transparent;
position:absolute;
z-index:2;
top:0;
margin-top:600px;
left: 50%;
margin-left: -250px;
text-align:left;
visibility:visible;
width:550px;}

.aboutme {
background-color:transparent;
width: 500px;
position:absolute;
z-index:2;
left:0;
top:0;
margin-top:700px;
left: 50%;
margin-left: -250px;
text-align:justify;
visibility:visible;
font-size: 8pt; }


.div {
background:none;
overflow:auto;
position:absolute;
z-index:2;
top:0;
margin-top:100px;
left: 50%;
margin-left: -380;
text-align:left;
visibility:visible;}

div.nav a {
text-align: center;
font-family: verdana;
letter-spacing:2px;
text-transform:uppercase;
font-size:10px;
display:inline;
padding:2px;
margin-right: 10px;
border-bottom:1px solid;
border-bottom-color:fff;}

div.nav .span {
background-color:000000; }

div.nav a:link,.nav a:visited, div.nav a:active {
margin-top:0;
color:fff;
display:inline;
font-style:normal;}

div.nav a:hover {
color:000000;
background:f8f677;
border-bottom:1px solid;
border-bottom-color:000;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:tahoma;
font-size: 8pt;
color:fff;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
padding: 0px;
line-height: 17px;}

h1 {
font: 15pt "century gothic";
text-align: left;
letter-spacing: 3px;
text-transform: lowercase;
margin: 0 0 10px 0;
color:ffffff;
border-bottom:2px solid;
border-bottom-color:ffffff;}

div.title {
font: 30pt "arial narrow";
text-align: left;
letter-spacing: 3px;
text-transform: lowercase;
position:absolute;
z-index:2;
top:0;
margin-top:170px;
left: 50%;
margin-left: -250px;
color:fff;}




a:link, a:visited, a:active {color:F5BF39; text-decoration: none; font-weight:bold;}
a:hover {cursor: help; color: 000000; text-decoration: none;}

input, textarea {
cursor: ne-resize;
color:000;
font-size:8pt;
font-family:Verdana;
background-color:#00000;
border-width:1px; border-style:solid; border-color:000;}

.blacktext10,.orangetext15, .nametext, table.friendsComments tr td { color:ffffff; }
.btext,.redtext,.redlink { display: none}
table b {display:none;}
object, embed { visibility:visible; position:absolute; top:647px; left:50%; right:50%; margin-left:-76px; z-index:9; }

.comments embed, .comments object { display:inline; visibility:visible; position:relative; top:0px; margin-left:0px; left:0px; right:0px; }


</style>

[vintage-toile]

are you HTML experienced?
i think you'd need to get permission to change the layout to be honest.
but if allowed my suggestion would be to:

1. measure the height of the content you want.
2. move all of the layers apart from the image and content you want above your additional content which isnt showing in the correct place to the amount of pixels plus ten pixels of your content height.
3. now add in a new layer to the original settings of the first layer you needed to move down (apart from height, obviously)

and that should work.