Look here (http://www.freewebs.com/estrella213/shine.html)

now tell me please how do i fix that? Look in the scroll box...that image is not supposed to be IN the scroll box, its supposed to be behind it! Its all messed up, so if someone could help me fix it it would be greatly appreciated.

change this whole thing:

<div id="left">

<h1>Welcome</h1><p>This is estrella ... blah blah blah
</div>


<div id="center">
<img src="http://www.freewebs.com/estrella213/starsbg.jpg" alt="Image hosted by Photobucket.com">
</div>


to this:

<div id="center">
<img src="http://www.freewebs.com/estrella213/starsbg.jpg" alt="Image hosted by Photobucket.com">
</div>

<div id="left">

<h1>Welcome</h1><p>This is estrella ... blah blah blah
</div>

hope that helps!



EDIT: actually, i don't think the image is in the scroll box.. it just looks like that because the positioning of the scroll box is off. my suggestion would be to mess around with the positioning/size of the scroll box more.. it looks like it is too wide for the image and a little too short, so just experiment with slightly different numbers until it looks right.

i'm using firefox by the way, so maybe it looks different in IE.. but from what i can see, your problem is in the size of the DIV w/ the text.