hover over one div, move another

Question

Hey guys. Basically I have a CSS triangle that I've created, and it sits along the base of a menu bar. What I'd like to do, is have the triangle slide to the underneath of a link in the menu bar if it's hovered over. I gave it a go myself using pure CSS, but I couldn't quite grasp it. Possibly it needs jQuery? Do you guys think you can crack it? Here's my JSFiddle; http://jsfiddle.net/JE8kD/3/

Thanks as ever

Answer 1

something like this?

http://jsfiddle.net/JE8kD/9/