Overlapping PNG Menu's

[msalmeron]

I have a fantasy football league and Im creating my website for it. I was checking out nfl.com and I saw that most of their menus are single pngs that overlap. So it is one single png file; menu at the bottom links above the menu and above those links are the mouseover effect, but this is all on one single png. how do they do this, does anyone have code for that.

the static png link is:

http://css.static.nfl.com/static/site/img/home-2010/modules/template1-headlines.png

if you go on nfl.com right now you will see the same menu in effect.

Thanks

[azoomer]

The png is used as a css sprite. You can read more about that here (http://css-tricks.com/css-sprites/).
You may be able to make a similar kind of menu with a tab script like this (http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm)

[msalmeron]

genius, exactly what i was looking for. thanks a lot

[juery]

Thanks! I'm going to look at.

[Ballamand1]

nice, friendly up !!