Picture is very small, I want the picture to be half of a page Options

[tropicaltide071]

Okay i'm having some trouble, when I put this new skin on the picture at the top (right before the text starts with all your writing) did not work. I didn't like it too much anyway, so I got a new picture and I put the URL on my code, but the problem is that the picture only shows up in the bottom corner, I want it to be at the top, right before my text starts. Can someone help me PLEASE?! I'm so frustrated . If you don't understand where I want the picture, it's where it says "photobucket bandwith exceeded"

Here is my code:
<style type="text/css">
/*Sweet temptation*/
/* www.xanga.com/ldy_konfused */

body { background-color: #ffffff;
border: 2px solid #6BB0E5;
border-width: 30px;
border-height: 30px;
background-image: url(http://img.photobucket.com/albums/v382/kellysays2you/backround.bmp);
background-repeat: no-repeat;
background-position: bottom right;
background-attachment: fixed;
scrollbar-arrow-color: #6BB0E5;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #6BB0E5;
scrollbar-darkshadow-color: #6BB0E5;
scrollbar-3dlight-color: #ffffff;
cursor:crosshair;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:10px;
color: #6BB0E5;
letter-spacing:0px;
text-align:left;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #A2D3F2;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
font: normal 14px arial;
font-size:20px;
font-weight: bolder;
background-image: url(URL);
text-align: center;
color: #ffffff;
background-color: #C5E0F5;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color: #65A5E7;
font:normal 11px arial;
line-height:10px;
text-decoration: none;
cursor: nw-resize;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color: #80A6E0;
font:normal 11px arial;
line-height:10px;
text-decoration: none;
cursor: nw-resize;
}
a:hover {
/* edits when user mouseovers the links */
color: #000000;
font:normal 11px arial;
line-height:10px;
text-decoration:none;
cursor: ne-resize;
border-top: 1px solid #80B2E0;
border-bottom: 1px solid #80B2E0;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #80B2E0;
font:normal 11px arial;
background-color: transparent;
letter-spacing:0px;
color: #80B2E0;
}
table.left {
/* this edits the menu module */
border: 1px solid #80B2E0;
width:160px;
background-color: transparent;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 1px solid #80B2E0;
background-color: transparent;
width:400px;
background-image: url(URL);
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: #C5E0F5;
background-image: url(URL);
font: bold 11px arial;
color: #ffffff;
border: none;
letter-spacing: 0px;
text-align: center;
font-weight: bolder;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color: transparent;
background-image: url(URL);
color: #6BB0E5;
border: none;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: transparent;
border: none;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: none;
}
table.navigation, table.main {
/* the width of your blog with modules */
width: 500px;
}
hr {
/* horizontal divider */
border: none;
}
</style>
<style type="text/css">img{FILTER:glow(color=#ffffff)
progid Alpha( Opacity=120, FinishOpacity=10, Style=3, StartX=10, FinishX=100, StartY=10, FinishY=100)}p table {background: transparent;filter:Alpha(opacity=200)}</style>


<center><img src="http://img66.photobucket.com/albums/v202/ldy_konfused/bannerbunny.gif"></center>
<br>
<a href="http://www.xanga.com/ldy_konfused">Refresh</a> -
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=ldy_konfused">Add Me</a> -
<a href="http://www.xanga.com/CLAF/default.asp">Design</a> -
<a href="http://www.xanga.com/private/home.aspx">Your Eyes Only</a> -
<a href="http://www.xanga.com/signin.asp">Log in</a> -
<a href="http://www.xanga.com/logout.asp">Bounce out</a> -
<a href="http://www.xanga.com">Xanga</a> -
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</A> - <a href="http://www.xanga.com/profile.asp?user=ldy_konfused">Profile</a> - <a href="http://www.xanga.com/guestbook.asp?user=ldy_konfused">Guestbook</a> - <a href="http://www.xanga.com/Private/subs.aspx">Subscriptions</a> </center>


<style type="text/css">
table.navigation, table.search, table.footer, #SearchBar1_pnlYouAreHere {display: none;}
</style>

And here is my xanga so you can see it:
xanga.com/tropicaltide071

[C.Lime.Jello.]

Chage the file type.
.bmp isn't a good format if you want a big picture.
So... I reccomend changing the file to .gif format.

~* Edit *~
Oh wait. You're talking about that banner.
Nevermind.... But anyways, it's small because the little bandwith excedded thingie is small.
It'll get bigger when your bandwith returns to normal on Monday.
(I think that's when it resets...)