please look at this link

http://www.sudhakargolakaram.co.in/files/test/test.html

my question is about z-index which is working in all browsers except for ie7

what i need is the first cartoon image's hair needs to go behind the Home link which is a white circle image, this cartoon image goes behind the home link in all browsers except ie7

i have tried giving various z-index values but only in ie7 this is not working

please advice

This is a known bug and fairly well documented if you do a search on it. IE is wrong in the way it creates the stacking order z-indexing. Part of your problem is that the cartoon and the menu are in different 'containers' so you wind up with different stacking orders that don't relate to each other.

What I had to do in a similar situation was to force the stacking order by giving each parent element a z-index, starting with the main container with z-index:1 and adding a higher z-index to each of the child containers until the element I wanted on top would go where I wanted it.