ayudaa!!! mi web se ve mal en resoluciones mas pequeñas.!

[JoseGMariani]

Buena smi web se descuadra totalmente al verla en alguna resolucion mas pequeña.. por que no pasa esto con otras web.. :S

el codigo de css estilo que uso es este:

Código HTML:

/* CSS Document */
body {
	font:12px arial;
	color: #222;
	text-align:center;
	padding:35px; }
 
form, p, span {
	margin:0;
	padding:0; }
 
input { font:12px arial; }
 
a {
	color:#0000FF;
	text-decoration:none; }
 
	a:hover { text-decoration:underline; }
 
#wrapper, #loginform {
	position:absolute; left:100px;
	margin:0 auto;
	padding-bottom:25px;
	background:#EBF4FB;
	width:1300px;
	border:1px solid #ACD8F0; }
 
#loginform { padding-top:18px; }
 
	#loginform p { margin: 5px; }
 
#chatbox {
position:absolute; right:40px;
	text-align:left;
	margin:0 auto;
	margin-bottom:25px;
	padding:10px;
	background:#fff;
	height:270px;
	width:280px;
	border:1px solid #ACD8F0;
	overflow:auto; }
 #usermsg {
 position:absolute; right:80px; top:345px;
	width:260px;
	border:1px solid #ACD8F0; }
 
#submitmsg {width: 60px;
 position:absolute; right:15px; top:343px;} 
#visor{
	text-align:left;
	margin:0 auto;
	margin-bottom:25px;
	padding:10px;
	background:#fff;
	height:375px;
	width:526px;
	border:1px solid #ACD8F0;
	overflow:auto; }
	
#ustream {
position:absolute; left:10px; top:40px;
	text-align:center;
	margin:0 auto;
	margin-bottom:25px;
	padding:0px;
	background:#fff;
	height:219px;
	width:347px;
	border:1px solid #ACD8F0;
	overflow:auto; }
.sumit{background:#ffa822 url(btn_bg_submit.gif)left center repeat-x;}
 
.error { color: #ff0000; }
 
#menu { padding:12.5px 25px 12.5px 25px; }
 
.welcome { float:left; }

.limpiar { position:absolute; right:200px;  }

.actualiza { float:center;  }
 
.logout { float:right; }
 
.msgln { margin:0 0 2px 0; }
#admin {text-align:left;
	margin:0 auto;
	margin-bottom:25px;
	padding:10px;
	background:#FFCC00;
	height:23px;
	width:526px;
	border:1px solid #ACD8F0;
	overflow:auto; }
	
	.redondeo{
border-radius:7px;
-moz-border-radius:7px; //Firefox
-webkit-border-radius:7px; //Safari y navegadores que usen WebKit	
box-shadow: 1px 1px 2px rgba(0,0,0,.5);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
text-shadow: #fff 0px 1px 1px;
background: -webkit-gradient(linear, left top, left bottom, from(#D7E9F3), to(#ffffff));
background: -moz-linear-gradient(top,  #D7E9F3,  #ffffff);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7E9F3', endColorstr='#ffffff');
	}

es decir, sera que tengo que cambiar de adsoluto a relativo? y ley por hay en la web, una repsuesta asi:

"ok, mete tus divs en un
<div> de style="position:relative", y todos tus divs internos, los flotantes que esten dentro de ese mismo div, y que tu div relativo este siempre fijo para que los demas se alinen dentro y respecto a él "

pero no entiendo como hacerlo.. :S