scroll problem in the central column

Hi,



I fixed the height of the central column and added a scroll bar by changing the style.css as follows:



#container {

width: 1000px;

margin: 0px auto;

}

#content {

background-position: 190px 0px;

}

.central-content {

padding: 0 1px 15px 1px;

min-height: 500px;

max-height: 500px;

overflow: auto;

}



It works ok, but there is a problem. When I scroll down the pictures in Hot Deals follows, and overlapped with pictures in Product of the day or Featured Products. Can someone know why and how to fix it?



Thanks,