Изменение размера изображений в зависимости от разрешения экрана/брауз

[DrKilroy]

Здравствуйте.

Очень нужно сделать "гибкие" изображения, чтобы они менялись в сравнение с размером браузера.

К примеру у меня экран 1920-1280, и всё ок, но как только я захожу на ноутбуке или меняю размер браузера на своём компьютере на меньший к примеру 1280-800, то изображения остаются большими и это не красиво, это мне надо для двух бэкграундских изображений, ну как пример, код:

 

<div class="borderwrap" style="background: url(style_images/<#IMG_DIR#>/lego_bg.jpg);" id="fo_{$data['id']}">
<бла бла бла></бла бла бла>
</div>

 

И хотел спросить, как сделать так, чтобы изображение lego_bg.jpg при разрешение 1900-1200 к примеру показывалось на 100% ширина и высота примерно, а при 1280-1024 намного меньше...

 

Подскажите пожалуйста.