Ajax slider(on the content) moves on top of the topmenu whose position has been fixed

[kavitha284633]

HI,
I have 2 requirements for a single aspx page (IE7 browser).
1. The position of the top menu has to be fixed.
2. In the contents page is a grid displaying the following two columns:
a) Name of category
b) An ajax slider to rate the category. (Refer AJAX Control Toolkit)

I managed to fix the header using a CSS trick given below:

<<style type="text/css">
div.banner {margin: 0;position: fixed;}
</style>

<div class="banner" >
<!--link for topmenu-->
</div>

I managed the slider too.(Here i would like to share something interesting I found out. The slider plays a trick when we try to display that in grid. The solution lies in removing the BehaviourID from the SliderExtender tag, and let it generate that on its own.)

But I am facing a new problem now. My grid is pretty long (I am not supposed to do paging for the grid. ). And when I scroll it, the slider moves on top of the fixed menu. This looks quite bad. Can anyone please suggest anything?

-Kavitha