Salve,
stiamo facendo un sito in html e css.
Il sito è a 3 colonne + l'header.
Però la colonna a destra, quando ridimensiono la finestra "non rimane al suo posto" ma si sposta e rende illegibili alcuni contenuti.
Come modificare per farla rimanere al suo posto senza dover riscrivere tutto ?
Quersto è il css :

codice:
 body{background:url(Images/background.png); font-family: Arial, Verdana, Tahoma, 'Segoe UI', sans-serif; margin:0 0}
a{color:white;text-decoration:none}
a:hover{color:#061e24 !important}
/*Zona header*/
#header{background:url(Images/backgroundheader.png) repeat-x; height:181px}
#header img{margin-top:20px}
#menu{background:url(Images/menu.png) no-repeat; position:relative; top:-110px; left:220px; width:680px}
#menu ul{list-style-type:none}
#adsense{position:relative; top:-130px; left:220px;}
#days{height:77px;background:url(Images/days.png) no-repeat; position:absolute; top:35px; right: 150px; width:50%; width:151px}

/*Colonna sinistra*/
#left{position:absolute; top:200px; width:250px; left:-25px;}
#left .first {background:url(Images/pulsante1.png) no-repeat; height:20px; }
#left .second{background:url(Images/pulsante2.png) no-repeat; margin:2px 0; height:20px}
#left .first2 {background:url(Images/pulsante1-trasp.png) no-repeat; height:20px; }
#left .second2{background:url(Images/pulsante2-trasp.png) no-repeat; margin:2px 0; height:20px}

#news{margin-left:40px; background:url(Images/tab2-trasp.png); font-size:13px; font-weight:bold; width:190px; padding:0 5px}
#screen{margin-left:40px;  width:200px; background:url(Images/tab2-trasp.png)}
#screen h2{font-size:14px; color:white; font-weight:bold; width:190px; padding:0 5px}
#screen img {margin-left:8px;padding-bottom:8px;border:none;}
#blocco{border:none; width:200px; height:200px; background:cyan; margin:20px 40px}

/*Colonna centrale*/

/*Colonna destra*/
#rights{position:absolute; right:150px; top:200px; width:260px;height:600px; padding:5px; overflow:auto;}

#stats{position:absolute; background:url(Images/tab-trasp.png); font-size:13px; font-weight:bold; width:220px; padding:5px; color:white}
#liv{position:absolute; top:120px; background:url(Images/tab2-trasp.png); font-size:13px; font-weight:bold; width:220px; padding:5px; color:white}

#vota{position:absolute; top:270px;  width:230px; background:url(Images/tab-trasp.png)}
#vota h2{font-size:18px; color:white; font-weight:bold; width:190px; padding:0 25px}
#vota p{font-size:14px; color:#316565; font-weight:bold; width:190px; padding:0 25px; line-height:14px; position:relative; top:-10px}
#vota img {margin-left:23px;padding-bottom:8px;border:none;}
#vota input{background:url(Images/vota.png) no-repeat; border:0; color:white; font-size:16px; font-weight:bold;}