Create a DD list using UI-Layout

Hello,
  I am trying to create a DD list in a top menu bar for web page. This is similar to the user icon on the Google search page (top -right). When the icon is select you get a popup with some option. Mine would be a DD list that appears when the user hovers over the icon

However, I have some issue getting a dropdown menu to work with UI-layout.  When I add the menu to the north section of the layout the DD items does show. However, if I add to the center it works. I know it has to with the height.  

Please let how to get this to work..  Should I used this plugin..

I attach a sample code ..

Jquery layout page : http://layout.jquery-dev.net/
menu.html
example.html
jquery.js
jquery.layout.js
SiemensSENAsked:
Who is Participating?
 
RobConnect With a Mentor Owner (Aidellio)Commented:
ok, and I've copied your code across to jsbin for testing.  What did you make of that example?
0
 
RobOwner (Aidellio)Commented:
I'm trying to recreate your issue here: http://jsbin.com/adITaMu/1/edit

I'm still not sure what you're trying to achieve.  Maybe a screenshot to show me exactly how you want things to work.
0
 
SiemensSENAuthor Commented:
Thanks.

I am trying to create a menu/header like this expert-exchange site
0
All Courses

From novice to tech pro — start learning today.