lt; php defined _VALID_MOS or die Direct Access to this location - Проблемы с css (резиновая вёрстка) - HTML разметка интернет страниц и CSS стили

Всем привет !
Делаю сайт на div'ах, вставляю div, для него id, и в css прописываю элемент графики, его позицию, и т.д. Проблема в том, что, когда окно браузера на весь экран, то всё выглядит нормально, а вот когда я уменьшаю окно, или меняю разрешиние монитора на меньшее, то всё сбивается к центру, или вообще, просто сбивается в кучу... Подскажите, пожалуйста, как можно сделать, чтобы все элементы графики оставались на месте, и не сбивались к центру, или в кучу...?
P.S. Сам я в этом деле "чайник", ну-у, правельнее сказать — "продвинутый чайник", поскольку некоторые приставления об html, и css есть, но не достаточно для того, чтобы разобратся самому...

<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut
icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>
<script language="JavaScript" type="text/JavaScript">
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
MM_reloadPage(true);
<div align="center"><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="758" height="32">
<embed src="<?php echo $mosConfig_live_site;?>/templates/navigator/images/top_menu.swf" width="758" height="32" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
<div id="logo_f"><div id="logo_f3" style="filterrogidXImageTransform.Microsoft.Gradient(startColorStr='#000000', endColorStr='#2F2F2F', gradientType='0')"> </div></div><div
id="logo_f2"> </div>
<div id="fn"><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="541" height="28"
align="left">
<embed src="<?php echo $mosConfig_live_site;?>/templates/navigator/images/fn.swf" width="541" height="28" align="left" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash"></embed>
<div id="lbg_m"> </div><div id="lbg_m2"> </div><div id="lbg_m3"> </div>
<div id="right_bg" style="filterrogidXImageTransform.Microsoft.Gradient(startColorStr='#D4D4D4', endColorStr='#8C8C8C', gradientType='0')"> </div>
css-файл:
background-color:#8C8C8C;
font-family:Tahoma,Arial;
color:#383839;
color:#000000;
color:#FF4800;
color:#00ff00;
color:#00ff00;
background:#FF4800;
}/* "<< Start < Previous 1 Next > End >>" */
color:#FF4800;
color:#000000;
color:#FF4800;
font-family:Franklin Gothic Demi Cond,Tahoma,Arial;
color:#000000;
color:#000000;
color: #FF4800;
>>Тут уже начинаются стили для графических элементов, размеры, позиция, и т.д.
#logo_f2{
#logo_f3{
background-color:#000000;
#logo_f4{
#lbg_m2{
#lbg_m3{
background-color:#FFFFFF;
#bg_m2{
background-color:#FFFFFF;