CSS или jQuery масштабируемое фоновое изображение без пробелов под ним, когда высота img меньше высоты окна

Старый, но хороший, я знаю. Этот вопрос задают столько раз, и все же у меня нет однозначного ответа. Масштабируемое фоновое изображение, предпочтительно только CSS, желающее использовать jQuery для поддержки, если это необходимо. Проблема, с которой я часто сталкивался (например, с фоновым изображением CSS3), - это пустое пространство под изображением, когда оно ' (пример: http://css-tricks.com/examples/ImageToBackgroundImage/ )

Вот что я хотел бы сделать:

• Сохранить соотношение сторон
• Высота и ширина изображения клипа если размер окна браузера меньше размера изображения
• Изображение центрируется на странице, поэтому вырезка не компенсирует поток страницы

Вот несколько примеров, иллюстрирующих эти цели (хотя я думаю, что это можно сделать лучше):

• http://www.thakoon.com/collections/thakoon-addition/pre-fall-2011
• http://whatstheweather.net/weather/submit

Спасибо, Спасибо, Спасибо.