Need help fixing div overlay to background in Myspace 1.0, need coding help Options

[reddipageshousto...]

Hi! I'm building my very first DIV overlay for a client's myspace 1.0, and I'm learning bit by bit. I've got div coding, and I made a background to match it in photoshop, which I measured out in pixels, but I'm having trouble making the div line up with the background. The background fits the div boxes when I resize my window, but any change in window size changes the location of the div boxes. Is there a way to code the div so that it's set in place using pixels and not percents? Then I can fix the background to the divs' positions.

CODE

</td></tr></table></td></tr></table></td></tr></table></div>

<style type="text/css">

body {background-color:; background-image:url(""); background-repeat:no-repeat; background-position:center center;}

td, .text, div, input {color: !important;}

a {color: !important;} img {border:0px;}

table, tr, td {background:transparent; border:0px;}

img, .contactTable { display:none; }

.cmlContainer img, .comt img { display:inline; }

table div, td td td, table div div { visibility:hidden; }

font, a, .cmlsc a { visibility:hidden; }

.hidenav {display:none}
div.profileWidth {margin-top: -30px !important;}
div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}
div.profileWidth div.clearfix, hidenav hidenav hidenav,
div.profileWidth div div {filter:none; opacity:0.9999}
div.profileWidth div.clearfix {position:relative; top:30px}

.cmlComment { This is where you control the position of the player. }

table table embed {display:block; width:202px; height:35px; position:absolute; top:0px; left:0px; visibility:visible;}

table table table embed, .cmlContainer div embed {position:static !important; width:auto; height:auto; }

.text, table table table table a,

table table table table div,table table table table div a {visibility:visible;}

.cmlComment { You selected to hide comments. }

.cmlsc { display:none; }

.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;}

table table, table table td {padding:0px; height:0px;}

.div1 {

background-color:;background-image:url(""); background-repeat:no-repeat; background-position:center center; color:;

border:0px solid; border-color:;

width:250px; height:250px; overflow:auto;

position:absolute; z-index:2; left:50%; top:0%;

margin-left:-300px; margin-top:200px; text-align:center;

visibility:visible;}

.div2 {

background-color:;background-image:url(""); background-repeat:no-repeat; background-position:center center; color:;

border:0px solid; border-color:;

width:350px; height:115px; overflow:auto;

position:absolute; z-index:2; left:50%; top:0%;

margin-left:-30px; margin-top:200px; text-align:center;

visibility:visible;}

.div3 {

background-color:;background-image:url(""); background-repeat:no-repeat; background-position:center center; color:;

border:0px solid; border-color:;

width:350px; height:115px; overflow:auto;

position:absolute; z-index:2; left:50%; top:0%;

margin-left:-30px; margin-top:335px; text-align:center;

visibility:visible;}marquee { z-index:8; }

table div, span, td td td, table div div { visibility:hidden !important; }

.cmlContainer div, .cmlContainer div font, .cmlContainer div a, .cmlContainer div div, .cmlContainer font a, .cmlContainer span, .cmlContainer div table a, .cmlContainer div table img, .cmlContainer div table font, .cmlContainer div table, .cmlContainer div table td, .comt, .comt td, .comt span, .comt a, .comt div {visibility:visible !important;}



.cmlDiv {content:"FreeCodeSourcecom Div Overlay Generator";}

</style>

<div style="display:none;"><table><tr><td><table><tr><td><table><tr><td>
</td></tr></table></td></tr></table></td></tr></table></div>



<div class="cmlContainer">

<div class="div1">

..

<font size="5" color="white">Swagger Technologies</font>

<br /><br />

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZsaWNrci5jb20vcGhvdG9zL2dpcmxpbnRoZW1pc21hdGNoZWRzdWl0LzQwMTQy
DMzMjMv" title="logo by hurwitm, on Flickr"><img src="http://farm3.static.flickr.com/2560/4014203323_8b17288132_o.jpg" width="226" height="190" alt="logo" /></a>

<img />

<br /><br />

</div>

<div class="div2">

..

<font size="5" color="white">Swagger Technologies is a multitouch mobile applications development company based in the Houston area.</font><br />

<br /><br />

</div>

<div class="div3">

<font size="5" color="white">Etc.</font>

put anything here :P, Friends, pictures, contact buttons, comment box, etc!

<br /><br />

</div>

</div>

<div class="cmlsc"><table><tr><td><table><tr><td><table><tr><td>

There's the code

click to enlarge

There's the background.

Any tips on how to lock those div boxes to the page? Thanks!