Fixed Bckgrnd Img repeats (y) Too Far

[tampaflx]

I have a background image, fixed to the left, repeats horizontally. The problem is that is repeats way past the content of my page.

My image works correctly at:

http://geocities.com/thehillsofftwhite/

Here is the problem page:

http://geocities.com/thehillsofftwhite/elem.html

I based it off the same code and I can't figure out the difference.

My css code is:

BODY {
background-image: url(apple.jpg);
background-repeat: repeat-y;
background-color: #FFFFFF; /*white background*/
background-attachment: fixed;

font-size: 16pt; font-family: verdana, sans-serif;
color: rgb(102,0,0);
font-weight: bold;
}

H1 {
font-family: impact, sans-serif;
letter-spacing: 2pt;
font-size: 40pt;
color: rgb(102,0,0);
margin-left: 5%;
}

H2 {
font-family: impact, sans-serif;
letter-spacing: 2pt;
font-size: 30pt;
color: rgb(102,0,0);
margin-top: 5%;
margin-left: 25%;
}

TABLE {
text-align: center;
margin-top: 5%;
margin-left: 25%;
border-width: medium;
border-style: inset;
}

IMG {
margin-top: 10%;
margin-left: 25%;
}

UL {
list-style-type: square;
margin-left: 25%;
list-style-position: inside;
}

a:hover {
color: black;
background-color: yellow;
cursor: hand;
}

a:link {
color: rgb(102,0,0);
text-decoration: none }

a:visited {
color: rgb(49,49,49);
font-style: italic;
text-decoration: none;
}

 

[deecee]

have you tried testing this out locally. Because it coul be a geocities issue
sleep is good

 

[tampaflx]

It does work correctly - locally, but still doesn't explain why one geocities works and other doesn't.

 

[deecee]

they are actually both messed up....both have a horizontal scroll
sleep is good