2PEPSICOLA
как вариант сделать следующее:
Код:
.my_gradient
{
background: #fff url(images/gradientbg.gif) repeat-x;
}
Где #fff - конечный цвет градиента (который снизу),
gradientbg.gif - вертикальная полоска с градиентом.
При этом вверху твоей колонки будет желаемый градиент.
При растяжении в ширину ничего не изменится, т.к. благодаря repeat-x картинка будет повторяться в горизонтальной плоскости.
А при растяжении в высоту градиент останется вверху, а ниже будет его продолжение одним цветом.
При этом, делая полоску с фоном шириной пикселей в 5, ты можешь сделать ее достаточно высокой, чтобы растяжения, польше чем высота фона не происходило, при этом картинка будет весить порядка 2кБ.
Выходить из положения, задавая фиксированную высоту (height: 300px) не правильно, т.к. в той же Опере при переполнении колонка останется того размера, который ты задал, а текст с нее вылезет.