2 Scrollbars in einer zeile

<style type="text/css">
   #page-wrap {
      background: #efefef; 
      padding: 1em;
      margin: 2em auto;
   }

   #main {
      background: #6d6d6d;
      height: 200px;
      padding: 3em;
      overflow-y: auto;
   }

   #content {
      background: #8b8989;
      padding: .5em;
      height: 400px; width: 500px;
      overflow-y: auto;
      color: #000;
   }
</style>

<!-- seperator -->

<div id="page-wrap">

   <div id="main">
      
      <div id="content">

         <p>Quisque eleifend ultricies neque est tristique enim commodo Praesent luctus, accumsan turpis felis. eu ipsum et neque volutpat. eros tempus egestas. enim ullamcorper amet, condimentum quis, sed, ac Aenean fermentum, sit non eu rutrum erat vitae, tincidunt senectus vitae eget, orci, egestas tortor leo. amet condimentum, libero faucibus, sit tortor sagittis mi morbi facilisis pulvinar cursus ornare Ut amet, quam dui. vitae, et sit Vestibulum elit augue, mi, Aenean Vestibulum metus ultricies pharetra. Donec placerat in id tincidunt feugiat wisi, egestas lacus vulputate eget ante. Aliquam malesuada et sit amet dui est. wisi. eu habitant erat eros Mauris Nam tempor erat. magna Pellentesque facilisis. Donec dapibus, netus fames semper. porttitor, quam, turpis sapien ac </p>
         <p>Quisque eleifend ultricies neque est tristique enim commodo Praesent luctus, accumsan turpis felis. eu ipsum et neque volutpat. eros tempus egestas. enim ullamcorper amet, condimentum quis, sed, ac Aenean fermentum, sit non eu rutrum erat vitae, tincidunt senectus vitae eget, orci, egestas tortor leo. amet condimentum, libero faucibus, sit tortor sagittis mi morbi facilisis pulvinar cursus ornare Ut amet, quam dui. vitae, et sit Vestibulum elit augue, mi, Aenean Vestibulum metus ultricies pharetra. Donec placerat in id tincidunt feugiat wisi, egestas lacus vulputate eget ante. Aliquam malesuada et sit amet dui est. wisi. eu habitant erat eros Mauris Nam tempor erat. magna Pellentesque facilisis. Donec dapibus, netus fames semper. porttitor, quam, turpis sapien ac </p>
         <p>Quisque eleifend ultricies neque est tristique enim commodo Praesent luctus, accumsan turpis felis. eu ipsum et neque volutpat. eros tempus egestas. enim ullamcorper amet, condimentum quis, sed, ac Aenean fermentum, sit non eu rutrum erat vitae, tincidunt senectus vitae eget, orci, egestas tortor leo. amet condimentum, libero faucibus, sit tortor sagittis mi morbi facilisis pulvinar cursus ornare Ut amet, quam dui. vitae, et sit Vestibulum elit augue, mi, Aenean Vestibulum metus ultricies pharetra. Donec placerat in id tincidunt feugiat wisi, egestas lacus vulputate eget ante. Aliquam malesuada et sit amet dui est. wisi. eu habitant erat eros Mauris Nam tempor erat. magna Pellentesque facilisis. Donec dapibus, netus fames semper. porttitor, quam, turpis sapien ac </p>

      </div>
      <!-- endContent -->

   </div>
   <!-- endMain -->

</div>
<!-- endPage-wrap -->