Background in div nested: cosa eredita?

[99caos]

Titolo un pò criptico ma non so come esprimermi

Ho questo html:

<div class='boxContainerT'>
    <div id='test'>
        

Prova</p>
    </div>
</div> 

e questo css:

.boxContainerT {
    background: transparent url('../images/bg_orange.png') no-repeat bottom right;
}
#test { 
    width: 50px;
    height: 100px;
    background-color:transparent;
} 

Mi aspetterei che il div boxContainerT assumesse la dimensione di test, ma questo accade solo se indico position: absolute al primo div, ho testato solo su IE7 e FF

Mi aspetterei che il primo div assumesse la rarghezza del secondo non avendone dichiarata alcuna

[fcaldera]

il comportamento del tuo codice è assolutamente normale... e non puoi aspettarti che il blocco più esterno assuma le dimensioni di quello più interno: i CSS funzionano a cascata (dall'esterno verso l'interno, dai blocchi esterni ai blocchi annidati) per cui troverei più logico cambiare il css così

.boxContainerT {
    width: 50px;
    height: 100px;
    background: transparent url('../images/bg_orange.png') no-repeat bottom right;
}
#test {
    background-color:transparent;
}

senza dover scomodare i posizionamenti assoluti

[99caos]

questo lo capisco, ma stavo cercando di creare un box modello contenente un certo stile che fosse adattabile a seconda del contenuto che lo spinge. potrei pure capire che il primo box erediti dal padre, ma se il padre non è formattato chi gli dice a lui di mettersi al 100%?

In sostanza mi serve di trovare una tecnica che definisca degli stili flessibili gestiti dal contenuto e non dal contenente

[fcaldera]

ma se il padre non è formattato chi gli dice a lui di mettersi al 100%?

è il comportamento normale degli elementi blocco: prendono tutto lo spazio orizzontale che hanno a disposizione. Dovresti quindi dare una dimensione anche al contenitore padre oppure ragionare in termini di max-width e min-width.