Immagine di sfondo che si ripete fino ad un certo punto

[alealex]

Ciao Ragazzi, ho un problema con una immagine di sfondo,
l'immagine viene ripetuta all'interno di un livello contenitore sull'asse y,
Ma invece di ripetersi per tutta la lunghezza del div,
si ripete solo fino ad un certo punto, esattamente fin dove termina il livello situato sopra di essa!

Spiego meglio con l'allegato per farvi capire la struttura del sito

L'immagine è inserita come sfondo ripetuto nel DIV contenitore, ma viene ripetuta solo per l'altezza del DIV float:right

Ho provato con un'immagine abbastanza alta da non essere ripetuta, ma il risultato è uguale, si vede solo fino la fine del DIV float:right

Potete aiutarmi, è già successo a qualcuno un problema simile?
grazie

[fcaldera]

puoi postare il tutto il css relativo all'elemento #contenitore?

[alealex]

certo:
#contenitore{
background-image:url("images/bg-main.jpg");
background-repeat:repeat-y;
width: 822px;
margin:0 0 0 11px;
padding:0 0 0 18px;
}

[fcaldera]

modifica così

#contenitore{
background-image:url("images/bg-main.jpg");
background-repeat:repeat-y;
width: 822px;
margin:0 0 0 11px;
padding:0 0 0 18px;

height: auto;
overflow: hidden;
}

se non va posta un link alla pagina.

[alealex]

Grazie Funziona!

E' bastato aggiungere
overfow:hidden;

Come mai si verifica? un CSS bug?

[fcaldera]

Originariamente inviato da alealex
Grazie Funziona!

E' bastato aggiungere
overfow:hidden;

Come mai si verifica? un CSS bug?

no, è il comportamento atteso.

se un contenitore contiene blocchi flottati questi ultimi escono dal normale flusso dei posizionamenti e di fatto è come se rendessero vuoto il contenitore in cui sono annidati. quindi per dare la giusta dimensione al contenitore si deve applicare un "clearing" (cerca sul forum/link utili per approfondire)

[alealex]

Ok, grazie per l'approfondimento, e per avermi aiutato a risolvere questo problema...