Please see this PasteBin for my current code: http://pastebin.com/3RtjYN00
Currently when I hover over the main image, the image background position changes & a blue submenu appears – great!
However, when I hover over the blue submenu itself, the image returns to it’s original non-hover background position.
How do I solve this problem so when I hover over the submenu the image stays in the “hover” state?
There is no need to add any extra markup.
Simply change:
to
Live example: http://jsfiddle.net/tw16/fmNCz/