ancora problemi box css

[simones70]

scusate ma ho un problema che non riesco a risolvere.

ho la seguente pagina realizzata con css:

http://www.turistaonline.net/mercatino/esempio2.asp

ho un problema sulle celle laterali, vorrei che si adattassero in lunghezza al testo inserito come fà la cella centrale ma non ci riesco. il seguente è il codice css :

body { 
font:80% verdana,helvetica,sans-serif; 
margin:5 auto 15 auto; padding:0;
text-align:center
}
#bodyContent { 
              width:760px;
              text-align:left;
              margin:5 auto;
              
              }
code { font:80% verdana,helvetica,sans-serif; display:block; margin:0 1em .5em 1em; }
hr { display:none }

/* testa */
#testa { 
	background:#ccc; 
	border:1px solid #000; 
	padding:1em 0; 
}

/* corpo */
#corpo { 
	position:relative; 
	background:#f0f0f0 url('sfondo_colonna1.png') repeat-y; 
	border:1px solid #000 
}
#corpo-colonna1 { 
	position:absolute; top:0; left:0; 
	width:160px; 
	padding:1em 0; 
}
#corpo-colonna2 { 
    height:500px;
	margin:0 160px 0 160px; 
	border-left:1px solid #000; 
	border-right:1px solid #000; 
	background:#fff; 
	padding:1em 0; 
}
#corpo-colonna3 { 
	position:absolute; top:0; right:0;
	width:160px; 
	padding:1em 0; 
}

/*pie' di pagina */
#piedipagina { 
	background:#eee; 
	border:1px solid #000; 
	padding:1em 0; 
}

come posso fare?

[carp]

prova così:

*{margin: 0; padding: 0;}
body { 
text-align:center
}
#bodyContent { 
width:760px;
text-align:left;
margin:5 auto;
}
/* testa */
#testa { 
width: 760px;
}

/* corpo */
#corpo { 
width: 760px;
}
#colonna1 { 
	float: left; 
	width:160px; 
}
#colonna2 { 
        float: left;
        width: 440px;
}
#colonna3 { 
	floa:left;
	width:160px; 
}

/*pie' di pagina */
#piedipagina { 
        clear: left;
}

XHTML:

<div id="bodyContent">
 <div id="corpo">
  <div id="testa"></div>
   <div id="colonna1"></div>
   <div id="colonna2"></div>
   <div id="colonna3"></div>
   <div id="piedipagina"></div>
 </div>
</div>