When on hover the red box, the grey box will show up. if the mouse stay on grey box, the grey box stays opened. When move the mouse from grey box back to the red box, I want to have the grey box still opened. 

Grey box only closes when mouse is not hovered on red or grey box.

<http://jsfiddle.net/0sLhL0xf/>

The only problem is that, when I move mouse from grey box back to red box, I can't get grey stayed to show. 

Can someone please help? please do not change structure, I understand to have box2 wrapped by box1 is easier, 

```
<div id="box1">
    <div id="box2"></div>
</div>

```

but this isn't what I wanted to try. Thanks