Problema con el fondo...

[lauchalp95]

Código CSS:

<style type="text/css">
body,td,th {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #FFF;
}
body {
    background-color: #333;
}
a:link {
    color: #F00;
    font-weight: bold;
    text-decoration: underline;
}
a:visited {
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: underline;
}
#global {
    width:1024px;
    margin:auto;
    background-color: #333;
    
}
#banner {
    float: left;
    width: 500px;
    height:110px;
}
#control {
    float:right;
    width:500px;
    height:110px;
    border: 1px dashed #F00;
}
#cuerpo {
    width: 1024px;
    margin:auto;
        
}
#contenido {
    width: 660px;
    margin-right: 150px;
    margin-left: 192px;
        
}
#copy {
    height: 20px;
    width: 1024px;
    background:#000;
}
#menu {
    height: 26px;
    width: 768px;
    border: 2px dotted #999;
    margin:auto;
}
#izquierda {
    float: left;
    width: 170px;
    background-color: #666;
    border: 1px solid #666;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 10px;
    height: 1000px;
    margin-top: 5px;
}
#derecha {
    float: right;
    width: 150px;
    background-color:#666;
    border: 1px solid #666;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 10px;
    height: 1000px;
    margin-top: 5px;
}
.curved {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
 
behavior: url(border-radius.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.titulo {
    text-align: left;
}
.contenido {
}
</style>
 

Tengo un problema con el fondo, que me vuelve loco;
Ese es mi codigo css.

Pero no se visualiza ese fondo (#333), sino que se visualiza el color #666
Y no entiendo porque pasa esto!
Aclaro que la capa global, no es GLOBAL como su nombre lo indica, solo es un rectángulo con la cabecera de la página.

El code HTML de todoe sto vendría a ser:

Código HTML:

<div align="center" id="global"> <div id="banner"></div>  
  <div id="control">    
      <? require(---) ?>   
</div>
  <div id="cuerpo">  
  <p><br />
    <br />
  </p>
  <p>&nbsp;</p>
  <p>&nbsp;</p><br /><br />
<div id="menu">      <? require(--);
 
 ?></div>
 <div class="curved" id="izquierda">      <? require(--); ?><p>&nbsp;</p>
   <p>&nbsp;</p>
 </div>
 <div class="curved"id="derecha">      <? require(--); ?>
   <p>&nbsp;</p>
   <p>&nbsp;</p>
   <p>&nbsp;</p>
   <p>&nbsp;</p>
   <p>&nbsp;</p>
   <p>&nbsp;</p>
   <p>&nbsp;</p>
 </div>
 <div id="contenido">
   <p style="text-align: left">&nbsp;</p>
</div>
 
  </div>
  <div class="curved" id="copy">      <? require(--); ?></div>
</div>
 

Si alguien puede, ayudarme...
gracias!

[cronosmen]

mmm no estoy muy seguro por que esta pasando est, prueba utilizando el !important pero tengo entendido que no hay herencias de background.

[lauchalp95]

Iniciado por cronosmen

mmm no estoy muy seguro por que esta pasando est, prueba utilizando el !important pero tengo entendido que no hay herencias de background.

Muchas gracias!!
Solucionado!!