The additional rule is
ul.popout li:hover ul { top: 0; left: 100%; width: 100%; }
Morbi justo felis, facilisis in dapibus et, adipiscing ac nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam faucibus odio nec massa cursus at vestibulum mi cursus. Sed venenatis facilisis urna ac ultrices. Sed molestie rhoncus quam, sit amet elementum orci pretium vitae. Praesent vulputate nisl ut urna rutrum bibendum. Cras dignissim consequat lectus, ac scelerisque erat viverra vitae. Maecenas aliquam vehicula urna a pellentesque. Vestibulum cursus viverra urna, ut tincidunt nisl blandit vitae. Duis justo nunc, adipiscing vel ornare a, dictum interdum ipsum. Duis non ante vel tortor gravida adipiscing. Nunc at lacus dolor, ut vehicula neque. Nunc hendrerit nisi et ligula scelerisque id rutrum neque vestibulum. Phasellus ultricies tincidunt eros, ac auctor mauris iaculis interdum. Ut commodo eros vitae orci pretium a sodales sapien facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse at leo vel dui molestie sollicitudin ac ut dui. Nulla gravida, felis ut lacinia pharetra, tellus sem auctor turpis, vulputate molestie dolor mi at leo.