Help keeping text box in place

[Mafiso]

I have just finished creating a website for my band. I created graphics
in photoshop, and then i added text in with dreamweaver. For the text
box i used this code:

<div id="Layer2" style="position:absolute; left:107px; top:128px;
width:530px; height:419px; z-index:2; background-color: #EEEEEE;
layer-background-color: #CCCCCC; border: 2px #0000000; overflow: scroll;">
<blockquote>
<div align="left">
<p align="center"><font size="3" face="Arial, Helvetica,
sans-serif"></font></p>
<p align="left"><font color="#FF0000" size="2" face="Arial,
Helvetica, sans-serif"> .</font></p>
<hr>
<p><font color="#0033FF" size="3" face="Arial, Helvetica,
sans-serif"> </font></p>
<p><font color="#0033FF" size="1" face="Arial, Helvetica,
sans-serif">W </font></p>
<p align="left"><font color="#FF0000" size="2" face="Arial,
Helvetica, sans-serif"></font></p>
</div>
</blockquote>
</div>

After i put in my text and uploaded my website i noticed something
strange, when i resized the browser, the text boxes stayed in place, but
the backround images moved, thus making my site look way off. the URL
is http://www.erosionband.com/Sitetemp1.html. If you move the right side of the window
smaller you will see what i am talking about.

Is there any way to prevent this, and if so, how can i do it?

thank you so much for any help, i really appreciate it.

[PhillMc]

The hyperlink that you provided is broken.

[CyCo]

I believe the link should be...

http://www.erosionband.com/Sitetemp1.html

[Mafiso]

yes...sorry the link included the period at the end of my sentence.

[PhillMc]

I see the problem already. You're combining apsolute and relitive positioning. DON'T! Choose one or the other. If you choose a relitive layout, only use apsolute on 'non-key' components. If you're gonna go with an apsolute layout, you need to design for lower resolutions.

[Mafiso]

I don't quite understand what you mean. I see that next to position it says aboslute. However i don't see anything about relative...what do I have to do, to make it all absolute, or all relative.

I tried typing relative instead of absolute for both text boxes, but then it just made the boxes so i couldn't move them in dream weaver, and put them way out of place.

[Mafiso]

Please could somebody elaborate on what was said before. I do not know what i need to do to fix this problem. If anyone could even point me in the right direction it would be appreciated.

[PhillMc]

Are you using some kind of WYSIWYG editor?

Apsolute means that element will stay in one spot, no matter the size of the window or the elements around it. Relitive means is the exact opposite. Your site is using both and that is your problem. A quick fix would be to set everything to absolute; that'll fix the shifting, but might make your site less accessible. A complete fix might be difficult; it'll probably be easier to do a rewrite using anything but a WYSIWYG editor.