Question

Is it possible to expand a ul li ul (drop down) if the text of ul li ul li goes outside the width of the box?

jsfiddle: http://jsfiddle.net/KAVzf/1/

Thanks 🙂

Answer 1

Remove all references to width: 100% from your menu (#midwrap #nav li ul, #midwrap #nav li ul li, #midwrap #nav li ul li a)

Working example: http://jsfiddle.net/KAVzf/13/

Update

To resolve the issue with only the text being highlighted in the sub-menu on hover you need to add the following CSS to #midwrap #nav li ul li:

#midwrap #nav li ul li {
    ...
    float: none;
    display: block;
    ...
} 

Working example: http://jsfiddle.net/KAVzf/22/