.hover() wrong div fires!

.hover() wrong div fires!

Hey,

I don't know if anyone can solve this problem or if there are any solution in jquery.

Look at this fiddle: http://jsfiddle.net/CW7uF/9/

1. Hover Main1 --> div2 expands
2. After that hover Main2 ---> then it jumps to Main 3 ---> kinda bad :(

I know the problem. If I hover the second Main the first "subdiv" collaps....and then
I'm over Main 3 and not over Main 2 anymore. That's why "Main 3" fires.....but is there a solution for this? Or a little trick I can use?

Maybe there is a jquery pro who knows a solution ;)