title: Keep border height the same for all LIs
body: <p>I have a menu with nested ULs. Is there a CSS-only way to have the vertical border stay the height of the tallest set of menu items? Keep in mind, this menu is dynamic so both the width and height can change.</p>
  
  <p><img src="https://i.stack.imgur.com/aw8rr.png" alt="enter image description here"></p>
  
  <p><a href="http://jsfiddle.net/simply_simpy/Kmyjr/" rel="nofollow noreferrer">http://jsfiddle.net/simply_simpy/Kmyjr/</a></p>