:] Heres a GOOD Question! Options

[MiZzOlivia]

aLright... Like i said 10 times b4 im new to Layouts n stuff...n i dont do tabLes...stiLL tryna understand them. My Layouts r pretty much compLeteLy made out of DIVS.

Heres the queston. How to i create a Layout where the position of the DIV does not move whether i "maximize" or "restore down" my IE or FireFox window.

For exampLe, MY TESTING PAGE ...if u reduse ur IE or FireFox window, the music box thingy starts covering the DIV.

HERES MY CODE

<div id=layer1 class="background" style="position:absolute; top:0px; left:0px; width:1100px; height:800px; z-index:1; background-color:ffffff;">
</div>

<div id=layer2 style="position:absolute; left:130px; top:100px; width:10px; height:10px; z-index:2; background-color:..ffffff;">
<img src="http://i13.photobucket.com/albums/a252/viabboutit/10432_Aaliyah24copy.jpg">
</div>





THESE R JUST THE CODES I USE TO HIDE THE REAL PAGE UNDERNEATH
<style type=text/css>
table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}
</style>



<style type="text/css">
img {border: none;}
</style>



<style type="text/css">
table, tr, td {background:transparent;}
table table table table, table table table table td.text, table.contactTable {display:none;}
td.text table, .orangetext15 {visibility:hidden;}
td.text table table {display:inline; visibility:visible;}
td.text td.text table {display:none;}
div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
</style>


any ideas?