Ciao a tutti, ho un problema con una pagina in HTML e relativo CSS:
il primo titolo del corpo della pagina "TITOLO CENTER 01" ha lo sfondo che non si vede con explorer... qualcuno sa darmi qualche indicazione? Grazie mille



Riporto di seguito il codice HTML e CSS

------------------ HTML ------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<head>
<title>Pagina test CSS</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link href="stile04_01.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container" >
<div id="outer">
<div id="inner">
<div id="content">
<div class="riquadro_bordo">
<div class="titolo_content_grigio">TITOLO CENTER 01</div>Testo testo testo testo
</div>


</p>
<div class="riquadro_bordo">
<div class="titolo_content_grigio">TITOLO CENTER 02</div>Testo testo testo testo
</div>
</div>
<div id="right" >
<div class="riquadro_bordo">
<div class="titolo_content_giallo">TITOLO DX 01</div>Testo testo testo testo
</div>
<div class="riquadro_bordo">
<div class="titolo_content_giallo">TITOLO DX 02</div>Testo testo testo testo
</div>
</div>
</div>
</div>
</div>
</body>
</html>

------------------ CSS "stile04_01.css" ------------------
#container {
width: 950px; padding:5px; margin: 0px; margin-left: auto; margin-right: auto; text-align: left; background: #ffffff;
}
#content {
width:660px; float:left; position:relative; margin-left:-650px; margin-right:1px; text-align: left;
}
#right {
position: relative; margin: 0px; margin-left:20px;
}
#inner{
margin:0px; width:100%;
}
#outer{
border-left: solid 660px #ffffff;
}
.titolo_content_grigio {
background: #cccccc url(bg_grigio.jpg); padding: 2px 5px 2px 5px;
}
.titolo_content_giallo {
background: #cccccc url(bg_giallo1.jpg); padding: 2px 5px 2px 5px;
}