Here is the layout:

Now... at the very top, there are the menus...
I have made this in Photoshop, and I wish to make each menu items to turn into different gradients as the background [as opposed to the original grey] when the mouse goes over it. I heard that there are many ways to do this in imageready;
through image mapping or layers. I tried but it isn't working!!!
Or i tried wrong...
All the tutorials that I have found was for photoshop/imageready 7 and I have CS2, and I get really confused and many palettes are not there.
Please help!

Use thumbnails for your picture next time =]
Anyways what part do you have trouble in? did you look at this http://www.createblog.com/forums/index.php?showtopic=114337 ?

Yes; I've seen that one when I was searching for an answer and I guess it could work.
However, I heard that there is a way to make Imageready do this on its own, by giving it slices or image maps.
Then, it would make the other rollover images by its own when I give the layer effects.
If someone knows how to do this, I would really appreciate it when I get help to learn it~!

I don't know how to do so myself but these might help you
http://good-tutorials.com/search/query/rollovers

Thank you very much! I think I found what I needed.