how can I display this div inline wrapping my css menu that is float:left?

how can I display this div inline wrapping my css menu that is float:left?

I have this simple css menu list that I want to wrap in a div and put A
border around it. You can see on below link the border by default takes
max width instead of wrapping around the menu list.
#cont
{
border: 4px solid #90bade;
display: inline;
overflow: hidden;
}
MY FIDDLE
I have tried to set the display mode of this div to inline and played with
overflow:hidden style on div. It fixes the div borer to wrap perfectly
around my list But at the same time it prevents the menu drop down action.