Приветы всем

Ситуация такая:
Страница поделена на фреймы (стандартно фрейм навигации и фрейм с инфой), на основном фрейме с инфой есть контейнер div, внутри него лежит картинка.
Div имеет ширину в процентах, картинка имеет какой-то фиксированный размер.
если фрейм начать уменьшать, абсолютная величина div'a начнет уменьшатся, а размер картинки внутри него останется без изменений, и картинка начнет вылезать из div'a.

Хочется сделать так, чтобы при недостатке места внутри div'a картинка начинала бы уменьшатся вместе с ним. А если с местом все ok, оставалась бы прежнего размера. Причем изначально картинка может быть совсем маленькой, и ставить ей процентные размеры не хочется.
Как это лучше сделать ?

Javascript это хорошо,
но в этой ситуации хочется обойтись только стилями

Всем спасибо, заработало
через min-width и expressions в IE
так что отдельное спасибо LINUXERу :)

И снова приветы, решил воскресить старую тему, ибо по смыслу похоже
Ситуация такая:
есть div с картинкой внутри, картинка имеет конечные размеры, а размеры div'a в процентах.
мы начинаем сжимать окно, при этом картинку уменьшать нельзя
div начинает съеживаться, картинка остается без изменений, и начинает выползать за края div'a (при отрисованных границах дива выглядит довольно дико), причем если у нас див имел размер 100%, то страничка начинает скролится, див остается в размерах видимой части окна, а картинка выползает в скроллинг.
Хочется сделать, чтобы див расползался вместе с картинкой
Как бы это организовать ?

и я опять разобрался :)
для дива надо прописать свойство display:table (работает правда не во всех браузерах)
и сразу стало красиво :)