замена изображения другим при разном разрешении экрана - Вопросы по CSS

Здравствуйте уважаемые форумчане!
Уже который  день копаю интернет и так и не смог найти решение своей проблемы.
Суть проблемы:
Имеется сайт nodts.ru
При разрешении экрана 1280 на 1024 сайт выглядит нормально, но при изменении разрешения экрана на меньший, часть хедера (шапка сайта) прячется. подскажите пожалуйста как решить эту проблему?
Т. е. нужно что-то придумать чтобы при изменении разрешения экрана хедер заменялся другим (уже подготовленным таким же хедером но с меньшими габаритами)

min-width в htmlbook раскроет все ответы

Вы имеете ввиду сайт htmlbook.ru? Но мне это ничего не дает. В CSS задана фиксированная высота и ширина изображения, как я задам этому изображению меньшую ширину?
Поподробней можно?

по подробней все написано http://htmlbook.ru/css/min-width FireBug в руки и все!

Сделайте надпись тегом <img />  и задайте ширину в процентах. Помимо есть еще @media screen and (max-width: 999px) {} Но это решение лучше не использовать, тем более что  его еще нужно довести до ума (не работает в ие)

Всем большое спасибо! Заработало!

Да, вот только min-width, как сказал Artyomii, прописать следует.