HELP PLEASE??? :] Options

[MiZzOlivia]

So, I made this page right?...and I kno there is a way to make the page remain still no matter how wide anyones computer screen is or if you stretch the screen sideways and what not. Whenever i enlarge my IE or FF window or make it very wide the words i have hidden behind the div pop out at the sides!!!

HERES THE LINK... CLICK HERE

Here is my CSS code...
<style type="text/css">

body{
background-position:top center;margin-top: 336;}

</style>

<div class="topbanner">
</a></div><br><center>
</a></center><br>
</style>




<STYLE TYPE="text/css">
body

{ background-color: FFFFFF;
background-image:url('http://i13.photobucket.com/albums/a252/viabboutit/dot.jpg');
scrollbar-arrow-color: FFFFFF;
scrollbar-face-color:ffffff;
scrollbar-3dlight-color: faea76;
scrollbar-darkshadow-color: ff8401;
scrollbar-shadow-color: ff8401;
scrollbar-highlight-color: ff8401;
scrollbar-track-color: FFFFFF;
cursor: crosshair;}


b, strong {color: ffffff;}

i, em {color: faea76;}

u, em {color: c3c3c3;}

body, p, td, font {font-family: Tahoma; font-size: 14px; color:000000; text-transform: ;}

table, td, tr, th {font-family: Tahoma; font-size: 11px; color: 000000;}

body, td, li, p, div, li, p, br, table {font-family: Vernada; color: 000000; text-transform:;}

.text { font-family: Arial; font-size: 11px; color: 73BBF5; text-align:left;}

.blacktext12 {font-family: Vernada; font-size: 11px; color: 000000;}

.redtext { font-family: Vernada; color:000000; font-size: 11px;}

.redbtext {font-family: Vernada; color: 000000; font-size: 11px;}

.orangetext15 {font-family: Vernada; font-size: 11px; color: 000000; text-transform: ;}

.whitetext12 { font-family: Vernada; font-size: 11px; color: ffffff; text-transform:; text-align: center; background-color:ffffff; display: block; }

.lightbluetext8 { font-family: Vernada; font-size: 11px; color: 000000; text-transform: ; text-align: center; background-color: ffffff; display: block; }

.btext {font-family: Vernada; font-size: 11px; color:000000; text-transform: ; text-align: center; background-color: ffffff; display: block; }

.blacktext10 { font-family:Vernada; font-size: 11px; color: 000000; text-transform: ; text-align: center; background-color: ffffff; display: block; }

.nametext {font-family: Vernada; font-size: 24px; color:000000; text-transform: ; text-align: left; background-color:ffffff; display: block; }

table, tr, td {border: none; background-color: transparent; padding: 0;}

table {border: none; background-color: transparent;}

table table {border: none; border-color: none; background-color: transparent;}

table table table { border: none; border-color:ffffff; background-color:ffffff; padding: 0;}

table table table table { border: none; border-color: none;}


a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.bluelink:link, a.bluelink:active, a.bluelink:visited {
font-family: Vernada; font-size: 11px; color:377588; text-transform: ; text-decoration: none; }

a:hover, a.navbar:hover, a.bluelink:hover {font-family:Vernada; font-size: 11px; color:377588; text-transform: ; font-weight: bold; cursor: crosshair;}
</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>



<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>

<style type=text/css>
div table td font {display: none;}
</style>

<style type=text/css>
table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}
</style>