Using CSS3 to produce an expanding menu animation with slide down sub menus.

Each section will expand to reveal the full width image on hover. The unhovered panels with shrink to keep the overall width of the menu the same.The hovered panel menu will expand vertically to reveal descriptive text which can contain any information you want with links possible.

Tested in IE7, IE8, IE9, Firefox, Opera, Safari and Chrome. It should also work in Mac browsers. IE7, IE8, IE9 and Firefox 3.x will see an instant change of image sizing and sub menus.