Div отбрасывает тень, которая исчезает при прокрутке вниз

Question

Я ищу способ, чтобы мое основное содержимое div имело тени для тени, которые исчезают при прокрутке вниз по странице. Прекрасным примером является http://www.gamespot.com/, заметив, что их основное содержание имеет тень, которая делает его поп, но затем медленно уходит, и сайт выглядит ровно. Как достигается этот эффект? Благодаря!

Скриншот:

Answer 1

Одно решение, так как кратко упоминалось выше, в комментарии, заключается в использовании градиента падени-тень, как показано здесь:

http://jsfiddle.net/3eDpM/

Другое решение (более статический) - использовать небольшое изображение в фоновом режиме, скажем, градиент 2px на 40 пикселей, созданный в Photoshop. Затем, чтобы это изображение повторялось горизонтально на фоне желаемого div, позиционируя его в верхнем левом углу. Такие как:

width: 2px; 
height: 40px; 
background-position: left top; 
background-image: url('../img/gradient.png'); 
background-repeat: repeat-x;