Ciao a tutti ho un problema con i div ho creato una pagina suddivisa attraverso tabelle e dividendola in sezione tramite il tag div il problema e che quando inserisco uno sfondo
x una sezione non mi viene visualizzata se non inserisco del testo all'interno della sezione..

scusate ma nn mi riesco a spiegare molto bene posto il codice html e il codice del css fatemi sapere... a me pare che la tabella non abbia dimensioni fisse ma si adatti al contenuto

<code>



<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); $iso = split( '=', _ISO ); echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!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">


<head>

<?php if ( $my->id ) initEditor(); ?>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />

<?php mosShowHead(); ?>

<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />

<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />

</head>



<body>

<style type="text/css">
#centro {

height: 381px;
overflow: auto;
background-color: #FFFFCC;
}



</style>


<?/*tabella principale*/?>


<table width="100%" border="1" cellspacing="0" cellpadding="0" align="center">


<tr>


<TD>


<?/*tabella INTESTAZIONE*/?>

<table width="100%" height="100" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center">

<div id="intestazione">
oo



oooooooooooooooooooooooo



</div>

</td>

<td width=30%>

<div id="topdestro"> </div>

</td>
</tr>
</table><?/*chiudo tabella INTESTAZIONE*/?>


<?/*TABELLA di divisione*/?>

<div id="spazi">
<table width="100%" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="33,33%"><div id="spazio1"></div></td>
<td width="33,33%"><div id="spazio2"></div></td>
<td width="33,33%"><div id="spazio3"></div></td>
</tr>
</table><?/*chiudo TABELLA di divisione*/?>

</div>

<?/*TABELLA DESTRA CENTRO SINISTRA*/?><div id="tabellacentrale"><table ALIGN="center" width="100%" HEIGHT="400" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="20%"><?/*COLONNA DI SINISTRA*/?>


<?/*TABELLA AREA DI SINISTRA*/?>

<div id = "left">

<table HEIGHT="400" width="100%" border="1" cellspacing="0" cellpadding="0" align="center">
<tr >
<td >
<div id = "lefttop">
</div>
</td>
</tr>
<tr>
<td >
<div id = "leftcc">
</div>

</td>
</tr>
<tr >
<td > <div id = "leftdown">
</div></td>
</tr>
<tr >
<td ></td>
</tr>

</table>

</div>
</*CHIUDE TABELLA DI SINISTRA*/?>




</td>


<?/*Colonna di centro*/?>


<td width="60%">

<?/*TABELLA AREA DI centro*/?>


<table width="100%" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>

<td valign="center">


<div id = "centro">



</div>


</td>
</tr>


</table></*CHIUDE TABELLA DI centro*/?>


</td><?/* chiudo COLONNA DI centro*/?>







<td width="20%"><?/*TABELLA AREA DI destra*/?>

<div id = "right">

<table HEIGHT="400" width="100%" border="1" cellspacing="0" cellpadding="0" align="center">
<tr >
<td ><div id = "righttop">
</div></td>
</tr>
<tr>
<td ><div id = "rightcc">
</div></td>
</tr>
<tr >
<td ><div id = "rightdown">
</div></td>
</tr>
<tr >
<td ></td>
</tr>

</table>

</div>
</*CHIUDE TABELLA DI destra*/?>

</td>
</tr>


</table><?/*TABELLA DESTRA CENTRO SINISTRA*/?></div>

<?/*tabella DOWN*/?>

<table width="100%" height="100" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" width="33,33%"> <div id = "downleft">



</div> </td>

<td align="center" width="33,33%"><div id = "downcenter">



</div></td>

<td align="center"><div id = "downright">



</div></td>

</td>
</tr>
</table><?/*chiudo tabella DOWN*/?>

</TD>



</table>


<?/*chiudo tabella principale*/?>





</body>







</html> </code>



ecco il css



#intestazione{

background-color: red ;



}



semplicissimo ma perchè non va