immagine di sfondo che non si ripete

[cleaner]

ciao a tutti, ho questo strano problema:
nel mio div padre ho questa propietà:

#bodywrapper 
{
     background: url('../images/bg-radial-gradient.gif') fixed 230px top no-repeat;
               
}

se al suo interno metto una label normale l'immagine di background scende nel div correttamente: es http://imageshack.us/photo/my-images/853/tstd.png/

al contrario se metto un mio div personalizzato lo sfondo non viene ripetuto:

<asp:Panel ID="ContentBoxNewMatchGridLeft" CssClass="content-box column-left" runat="server" >         test</asp:Panel>

.content-box {
                border: 1px solid #ccc;
                margin: 0 0 20px 0;
                background: #fff;
                }

.column-left {
                width: 48%;
                float: left;
                }

è la classe column-left che fa casino..

Come posso ripetere lo sfondo?? grazie

[ResianTaxidrive]

penso che il problema sia che i contenitori non si aprono abbastanza affinchè lo sfondo si ripeta. Se invece di scrivere solo "test" metti un testo molto lungo?

[cleaner]

no, purtroppo non cambia, ho provato anche a inserire un testo molto lungo, il risultato è questo:

http://imageshack.us/photo/my-images/337/csro.png/

non ripete..
il problema è il css, in particolare
CssClass="content-box-match-dropdown column-newmatch-dropdown-left"

però non capisco dove..qualche idea?grazie

[ResianTaxidrive]

l'idea potrebbe essere infondata ma è lecito mettere un trattino nel nome di una classe?

[cepu96]

Lecitissimo...

[Mich_]

Originariamente inviato da cepu96
Lecitissimo...

Stando alle specifiche HTML non e` lecito usare segni matematici dentro i nomi di oggetti di qualsiasi tipo.

Pero` i browser che ci sono in giro accettano il segno meno (il trattino), finche` ci si limita ad HTML e CSS. Chiaramente il JS non puo` accettarlo, dato che il segno meno e` usato nelle operazioni matematiche.

Probabilmente ci sono altri errori nella pagina, prova ad analizzarla con la developer toolbar di FF (o cose simili di altri browser)

[fmortara]

Hai provato ad applicare un altezza automatica al div float?

.column-left {
                width: 48%;
                float: left;
                height:auto;
                overflow:hidden;
                }

[fmortara]

posta anche un po di codice html...
e poi, nello sfondo perchè usi "no-repeat" invece di "repeat-y"?