Just like Hulu

Please visit www.hulu.com
Drag your browser in and watch the image shrink in size without losing any of it.
Then visit www.giantatom.com/pigeon and you will see my image...when you shrink the browser the image does get smaller but it is hidden behind the div.
This is because it is a background image and can't effect the vertical div dimension.

So how is this achieved?
I need to put text over the image that is why I chose to make it a background.

Sadly,I can't watch the video. Hopefully someone can watch it and gives you an advice about your question.

What video?
Never mind the problem has been solved.
For anyone who is interested the way to have a scalable image inside a scalable div is as follows...
1) create a foreground image in a div
2) set the width to 100% (don't set a height)
3) set the div to relative
4) set the overlay text in another div set to 'absolute'