i was wondering if there was anyway to make the background image (the diary pages) big enough so that it fit the whole page top to bottom/right to left . . . if there is could you let me know how to do it
the code is below and just the site is www.xanga.com/xoxodc1144oxox

thanks

<!-- begin code provided by createblog.com -->
<img src="http://i3.photobucket.com/albums/y60/xoxodc1144oxox/Picture.jpg">

<div style="overflow: auto; width: -500px; height: -1000px; margin-top: -1200px; margin-left: -50;">

<style type="text/css">
/* Could We Start Again Please? - By erin*/
body
{background-color: #000000;

scrollbar-arrow-color: #EE0000;
scrollbar-track-color: #FFFAFA;
scrollbar-shadow-color: #330000;
scrollbar-face-color: #5E2612;
scrollbar-highlight-color: #FFE4E1;
scrollbar-darkshadow-color: #691F01;
scrollbar-3dlight-color: #FFCCCC;}

/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: arial;
text-transform:none;
font-size:13px;
line-height:2px;
font-weight:normal;
color:#EED5D2;
letter-spacing:2px;
background-color:#FFFFFF;
text-align:center;
border:1px solid #8B6969;}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #000000;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #9B6969;
font:normal 13px arial;
background-color: none;
font-color:#000000;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:none;
color: #000000;
font: bold 13pt arial;
text-transform: none;
text-align:center;
border: #EEE9E9 1px solid;}

table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color: none;
BORDER: none;}

font,td,p,xmp
{color:#000000;
font-face: arial;
font-weight:normal;
font-size:11pt;
text-align:justify;}

table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding-left: 0px;}

table.blogbody {
/* this edits the other the place where the blog is */
background-color:transparent;
family-font: arial;
BORDER: none;
width: 295px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: 2pt;
font-family: arial;
font-weight:normal;
color:#FFFFFF;
text-transform:none;
font-size:#pt;
cursor:crosshair;}

a:active
{font-family: arial;
color:#FFFFFF;
text-transform:none;
font-size:13pt;
cursor:crosshair;}

a:visited
{font-family: arial;
color:#FFFFFF;
text-transform:none;
text-decoration:strikeout;
font-size:13pt;
cursor: crosshair;}

A:hover {font-family:arial;
color:#7A7A7A;
text-transform: uppercase;
cursor: crosshair;
font-weight:bold;
font-size:13pt}</style>

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:100%;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>


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

<!-- end code provided by createblog.com -->

If you mean you want to stretch the image, there isn't a way to. However, you can resize the window so that the image fits it, if you want to resort to that method.

If you mean you want to stretch the image, there isn't a way to. However, you can resize the window so that the image fits it, if you want to resort to that method.

so. . . how do you do that? i mean make the blog box fit into the image. . .
ultimately i would like it so that it has a scroll bar inside the transparent part of the image. .