Image Wont Move? Options

[rei2rei]

Hi,

I'm new to making layouts..But I've been working on one for my community. I've run into trouble, as I can't get my image to move down. Does anyone know what I might be doing wrong?

You can see the problem here:
http://community.livejournal.com/sesshi_icons/

Here is my coding:

FRIENDS_WEBSITE<=
<style type="text/css">
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}
-->
</style>
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">

<center><a href="http://www.livejournal.com/users/sesshi_icons">Recent</a> + <a href="http://www.livejournal.com/users/sesshi_icons/friends">Friends</a> + <a href="http://www.livejournal.com/friends/add.bml?user=srndpty310">Add</a></center>

</td></tr></table></td></tr>
<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%"> Create!</a>
</td>
</tr>
<=DAY_TALK_LINKS

LASTN_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%"> Create!</a>
</td>
</tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=

<style type="text/css">
.shadowed img{
visibility:hidden;position:absolute;top:0
}
<!--
body {
background-color: 000000 !important;
background-image: url(http://i2.photobucket.com/albums/y38/Pwmjmm/trinity.png) !important;
background-repeat: no-repeat !important;
background-attachment: none !important;
background-position: top center !important;
}
-->
</style>
<style type="text/css">
<!--
table {
border: 3px double #E30000;
}
table table {
border: 0;
}
-->
</style>
<style type="text/css">
<!--
body {
margin-top: 260px !important;
}
-->
</style>
<style type="text/css">
<!--
/* change these numbers, must add up to 95% or less*/
table {
width: 55%;
margin-left: 15%;
margin-right: 15%;
}
/* do NOT change these numbers */
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}
-->
table table tr.caption td.index{
visibility:hidden
}
table table tr.caption td.caption{
visibility:hidden
}
</style>
<style type="text/css">

<!--
body {
scrollbar-track-color: 000000;
scrollbar-face-color: F9FAFE;
scrollbar-highlight-color: EBF6F8;
scrollbar-3dlight-color: EBF6F8;
scrollbar-darkshadow-color: 5E86BA;
scrollbar-shadow-color: EBF6F8;
scrollbar-arrow-color: F9FAFE;
}
-->
</style>
<style type="text/css">
<!--
body, td, font, div, p {
font-family: "Arial", sans-serif;
font-size: 10pt;
line-height: 1.0;
}
-->
</style>
<style type="text/css">
<!--

a:link { text-decoration: none; color: #371697; cursor: crosshair;}
a:visited { text-decoration: none; color: #371697; cursor: crosshair;}
a:active { text-decoration: none; color: #371697; cursor: crosshair;}
a:hover { text-decoration: none; color: #371697; cursor: crosshair; filter:glow(Color=#667DB3,Strength=5); background-color: B5D0E1;
}

-->


</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%"> Create!</a>
</td>
</tr>
<=FRIENDS_TALK_LINKS

LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b></a> ♥

LASTN_DATE_FORMAT=><font color="#000000">%%daylong%%,%%monlong%% %%dd%% %%yyyy%% @ <b>%%12h%%:%%min%%%%ampm%%</b></font>

FRIENDS_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b></a> ♥

LASTN_WEBSITE<=
<style type="text/css">
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}
-->
</style>
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">

<center><a href="http://www.livejournal.com/sesshi_icons/USERNAME">Recent</a> + <a href="http://www.livejournal.com/users/sesshi_icons/friends">Friends</a> + <a href="http://www.livejournal.com/friends/add.bml?user=sesshi_icons">Add</a></center>

</td></tr></table></td></tr>
<=LASTN_WEBSITE

DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b></a> ♥

[*Azarel*]

Actually, the reason the image isn't moving down is because it is set as a background. Because you have set the image as you background, you can not position it exactly where you want. If you want to keep the image as a background, the only way you could move it down would be to change the image itself so that the graphic is further down.

The other way to fix it is a little more complicated, as it requires a recoding of the layout and placing the image into a div layer. If you want to do that, try referencing the html in this thread.