Come contenere una tabella in un div container?

[Luca_pluatrco]

Ciao,

ho un <div> padre che contiene all'interno una tabella. Tale componente rappresenta un template, quindi il contenuto (la tabella) varia in base al contesto e può avere più o meno colonne.

Il mio layout prevede una colonna centrale liquida e due colonne laterali fisse. In alcune pagine, in base al contenuto della tabella, se restringo la finestra del browser, il <div> contenitore si restringe insieme alla tabella, ma quest'ultima ad un certo punto si blocca fuoriuscendo dal box contenitore.

Quello che vorrei e' far sì che ciò non accada mai, ma che la tabella si restringa il più possibile ed il container la contenga sempre a prescindere dal suo contenuto o dalla dimensione della finestra.

Grazie

Qui il codice:

.WPContainer
{
	width:100%;   		
	margin:0px;
	padding:0;
}

.WPBodyContainer
{	
	width:93%;
	margin:0;
	padding:0 9px 5px 9px;
}

List, .ListRows, .ListRow, .ListTitle
{	
	width: 100%;
}

.List table
{ 
	border-collapse:collapse; 
}


.ListHeader
{
	width: auto;     
	padding: 2px;
	white-space: nowrap;	
}

.ListCell
{
	vertical-align:top;
	padding: 5px;
	background-color: #e0F0FF;  		
}

E la struttura HTML:

<table class="List" border="0">
	<tr>
		<td>
                     <table border="0">
			 <tr>
			     <td class="ListTitle">Title</td>
			</tr>
			</table>
          <table class="ListRows" border="0">
					<tr>
						<td class="ListHeader"><label class="">
						

						</label>
						</td>
<tr id="row1" class="ListRow">
	<td class="ListCell">
              <image src="/Gif/pdf-s.gif"/>
         </td>
        <td class="ListCell">Marcel Bolliger</td>
	</tr>

[Luca_pluatrco]

Ovviamente una soluzione sarebbe utilizzare le scroll bar, in modo tabel da contenere la tabella qualora dovessere rischidere ulteriore spazio, tuttavia non è accettabile per il layout complessivo.

Le mie regole CSS si devono applicare a componenti che realizzano "templates" quindi possono essere usati in qualsiasi posizione del sito e con un numero di colonne non prescisato.

C'è un modo, eventualmente tramite javascript se non possibile con solo CSS, per far in modo che il contenitore non si riduca oltre la minima dimensione della tabella in esso contenuta?

Grazie