Прячущийся элемент в шапке

Шапка сайта представляет собой полоску высотой в 100 пикселов светло-серого цвета. В левом углу будет располагаться текст, ширина поля для него от левого края примерно 750 пикселов, далее идет светло-серый цвет, а в правом углу картинка градиентного перехода от светло- к темно-серому. То есть правый край как-бы затенен.

Что я хочу получить:

1) Картинка перехода должна всегда располагаться в правом углу, т.е. прилипать к правому краю окна браузера;

2) (и самое главное) при уменьшении ширины окна до ширины поля+ширины картинки картинка должна пропадать с экрана, но таким образом, чтоб не появлялась горизонтальная полоса прокрутки и чтоб "съедалась" картинка начиная с правого края. При ширине окна, равной ширине поля (для текста) и меньше, картинки не видно совсем и у страници появляется горизонтальная прокрутка.

3) Должно работать в опере, експлорере и, желательно, в мозиле.

В прикрепленном файле я нарисовал то же.