Nieskalowalny div

Witam

Mam pewien problem, który nie wiem jak rozwiązać.

Mam wyśrodkowanego diva o konkretnej szerokości (nie na cały ekran, powiedzmy 960px) i wysokości takiej, żeby mi wypełnił 100% wysokości viewportu. Chciałbym na jego tło załadować duży obrazek, tak, żeby wypełnił on całą jego powierzchnię. No i teraz clue, a mianowicie chciałbym, aby niezależnie od rozdzielczości, czy skalowania scrollem div zawsze wyglądał tak samo to znaczy się nie przesuwał, nie zmniejszał wymiarów, tło, żeby ciągle było w tym samym miejscu, ale za to treść znajdująca się w divie skalowała się normalnie. Szukam po necie i znajduje takie rozwiązania, ale dla całego elementu body (http://css-tricks.com/perfect-full-page-background-image/), ale nie dla konkretnego diva, który zawiera całą stronę.

bo body ma zawsze 100% szerokości, jak zeskalujesz - to wciąż tyle ma. Twój div się pomniejsza/powiększa. Z pomocą javascriptu byś to zrobił, bez - chyba nie (chyba, że także procentowo byś określił szerokość diva)

Możesz naprowadzić jak to zrobić w javascripcie, np. co ma się dziać przy zdarzeniu $(window).resize()?

Sam zrobiłem coś takiego http://jsfiddle.net/rAaMV/

Jednak jeśli zaczynam stronę powiększać stronę to obrazek tła nie wypełnia mi całej przestrzeni.