[CSS/JS] Jak skalować obrazek w tle ?

Szukam pomocy przy ustawianiu tła dla elementu DIV.
Obrazki które będą tłem mają różne rozmiary, w zdecydowanej większości są dużo większe. Chce uzyskać efekt dopasowania na szerokość a wysokość automatyczna i wycentrowane. To co ewentualnie wykracza poza DIV-a ma być ukryte.

Nie wiem jak sobie z tym poradzić, próbowałem w CSS, z centrowaniem w poziomie i pionie, ale skali chyba się tak nie da zrobić. Próbowałem też z , ale wtedy skala była ok, miałem problem z centrowaniem i umieszczeniem tekstu na obrazku :/

w grę wchodzą rozwiązania CSS i JS, uprzejmie dziękuję za podpowiedzi.

kto nie zrozumiał z tekstu, to mam obrazek ;-P

BYŁO! Nawet dość niedawno.

nav napisał(a)

BYŁO! Nawet dość niedawno.

hmmm, szybciej chyba sam wykombinuję niż znajdę
forum przeszukałem wszystkimi słowami kluczowymi jakie mi wpadły do głowy i nic nie namierzyłem :-/

http://www.cssplay.co.uk/layouts/background

nav napisał(a)

http://www.cssplay.co.uk/layouts/background

to rozwiązanie znalazłem zanim jeszcze napisałem tu na forum
problem w tym że jak 'rozciągnę' obraz tylko w poziomie, a w pionie dam auto
to obraz nie jest wycentrowany w pionie i problem zostaje otwarty.
myślę że tu bez odczytywania rozmiaru obrazu i js się nie obejdzie.

jeżeli nikomu nic szybkiego i łatwego do głowy nie przyjdzie to pewnie
będę się musiał tym sam zająć ;-)

dzięki za pomoc.