scroll problem in the central column


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?