wrap divs around one and stop divs from hiding away
I have a situation as demonstrated [here][1], Ideally I want all the divs in the '#menu' div to wrap around the green div like this ![enter image description here][2] 
but I understand that this would be hard to achieve so not too set on it. However, I want to be able to hover over the green div and the blue divs should appear and STAY there for the user to be able to click them. How do I go about doing this?

  [1]: http://jsfiddle.net/BDb5K/56/
  [2]: http://i.stack.imgur.com/YixKe.png
wrap divs around one and stop divs from hiding away
===

I have a situation as demonstrated [here][1], Ideally I want all the divs in the '#menu' div to wrap around the green div like this ![enter image description here][2] 
but I understand that this would be hard to achieve so not too set on it. However, I want to be able to hover over the green div and the blue divs should appear and STAY there for the user to be able to click them. How do I go about doing this?

  [1]: http://jsfiddle.net/BDb5K/56/
  [2]: http://i.stack.imgur.com/YixKe.png