Problema con background-position

[LoSmercio]

Come nel thread seguente, che non ha mai ricevuto risposte:
( http://forum.html.it/forum/showthrea...ghlight=bottom )

Non riesco a mettere una immagine in basso a destra (o a sinistra) di un box. E' come se l'attributo bottom non venga riconosciuto.

Questo è il codice del css:
-----[cut]----------------
#contenuti {
background-color: rgb(88, 143, 181);
color: White;
height: 50px;
margin-top: 10px;
}

#sottosx {
background-image: url(img/aSottoS.jpg);
background-repeat: no-repeat;
background-position: bottom left
width: 21px;
height: 31px;
float: left;
}
-----[cut]---------------
E questo è il codice della pagina html
-----[cut]---------------
<div id="contenuti">
<div id="sottosx"></div>
</div>

Veramente non riesco a capire perchè non funziona.
Ho fatto proprio come la guida di http://pro.html.it

[Mich_]

Con che browser lo hai testato? E` possibile che qualche browser non capisca la posizione bottom per il background-position (in pratica e` un errore del browser).

Hai provato a metterci dei bordi ai tuoi blocchi? Nella mia esperienza sono stati molto utili per capire esattamente cosa interpretavano i vari browser.

Ciao
Michele

[LoSmercio]

il problema mi è dato con Iexplorer 5 e Mozilla

anche mettendo i bordi il problema non va via

ciao,
mauro

[Mich_]

IE5 non mi meraviglia.

Moz esiste in varie versioni: la 1.4 dovrebbe aver risolto questo tipo di problemi, mentre quelle precedenti sono note per piccoli bug.

Potresti farti un giro su constile.org o altri siti citati nei link utili (in testa al forum): magari trovi una soluzione ai probelmi cross-browser.

I bordi non sono per risolvere il problema, ma per capirlo a fondo e trovare una soluzione.

Ciao
Michele