my header/ layout is not showing Options

[Apricot]

I tried to solve the problem on my own, but I failled.
So I'm using a skin from this site it's vibrant natalie, then i wanted to add my own layout/header, i replaced the url, and wanted it to center and no-repeat, but aparently it doesn't work. can anyone tell me what I should do? perhaps I'm not puting my url in the correct place...
I see that there are similar topics here, but none of them as a proper answer nor solution to the problem.
please be so kind and help me.

[Mulder]

if i could see your code, then i could tell you if you did it right.

assuming that you did, make sure you have a webpage url listed in your profile.

[Apricot]

if i could see your code, then i could tell you if you did it right.

assuming that you did, make sure you have a webpage url listed in your profile.

thank you so much
so here is the my header's url http://img.photobucket.com/albums/v255/Chr...pg?t=1164833803

could you please tell me where I should place it?

and this is the code:

<!-- start code provided by createblog.com -->
GLOBAL_HEAD<=

<title>vibrant ft. natalie portman</title>
<style type="text/css">
<!--

body {
background-color:#DFDDAC;
scrollbar-arrow-color: #A3C8A5;
scrollbar-track-color: #DFDDAC;
scrollbar-shadow-color: #DFDDAC;
scrollbar-face-color: #DFDDAC;
scrollbar-highlight-color: #DFDDAC;
scrollbar-darkshadow-color: #DFDDAC;
scrollbar-3dlight-color: #DFDDAC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #825346;
text-align: justify;}


BODY, TD {font-family: Verdana, Arial, Helvetica, sans-serif; color:#825346; font-size:9;}
A:link, a:visited, a:active{
color: #825346;
font-size: 8pt;
letter-spacing: 0px;
font-family: tahoma;
font-weight: bold;
text-decoration: none;
}
A:hover{
cursor: ne-resize;
color: #38643E;
background-color:#9FC8A5;
font-size: 8pt;
letter-spacing: 0px;
font-family: tahoma;
text-decoration: none;
font-weight: bold;
}

body {
overflow-x: hidden;
margin-left: 200;
margin-top: 370;
}

table, tr, td, .shadowed {
background: transparent;
}

table {
width: 560px;
margin-left: 0%;
margin-right: 100%;
background-color: #FFFFFF;}

table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}

-->
</style>
<style type="text/css">
<!--
.x {
position:absolute; left:200; top:0;}
-->
</style>
</xx-head>


<xx-p>

<xx-p>
<=GLOBAL_HEAD

LASTN_WEBSITE<=
<img
src="http://images.cbimg5.com/livejournal/31/7696.jpg" class="x" width="560" height="350">



<=LASTN_WEBSITE

LASTN_TALK_LINKS<=
<table>
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%% <a href="%%urlpost%%">[Comments]
</a> <center><br>
</center></td>
</tr>
<=LASTN_TALK_LINKS



FRIENDS_WEBSITE<=
<img
src="http://images.cbimg5.com/livejournal/31/7696.jpg" class="x" width="560" height="350">



<=FRIENDS_WEBSITE

FRIENDS_TALK_LINKS<=
<table>
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%% <a href="%%urlpost%%">[Comments]
</a> <center><br>
</center></td>
</tr>
<=FRIENDS_TALK_LINKS



CALENDAR_WEBSITE<=
<img
src="http://images.cbimg5.com/livejournal/31/7696.jpg" class="x" width="560" height="350">



<=CALENDAR_WEBSITE

CALENDAR_TALK_LINKS<=
<table>
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%% <a href="%%urlpost%%">[Comments]
</a> <center><br>
</center></td>
</tr>
<=CALENDAR_TALK_LINKS



DAY_WEBSITE<=
<img
src="http://images.cbimg5.com/livejournal/31/7696.jpg" class="x" width="560" height="350">



<=DAY_WEBSITE

DAY_TALK_LINKS<=
<table>
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%% <a href="%%urlpost%%">[Comments]
</a> <center><br>
</center></td>
</tr>
<=DAY_TALK_LINKS
<!-- end code provided by createblog.com -->