关于父div的溢出子div不可见的除父div

<section class="margin-top-30"> 
      <div class="row" style="position: relative;"> 
       <div class="col-sm-4"> 
        <div class="lightbgblock" style="overflow-x:visible;overflow-y:scroll;"> 
         <h3> 
          <i class="fa fa-list"></i> Categories 
         </h3> 
         <section> 
          <h5 
           style="background-color: orange; padding-left: 10px; border-radius: 20px; line-height: inherit;"> 
           <strong>Private Events</strong> 
          </h5> 
          <ul id="private_events_list" class="listing_categories"> 
           <li><a href="#" class="wedding_icon">Wedding</a> 
            <div class="list_sub_categories container"> 
             <div class="row col-lg-12 col-xs-12"> 

              <table> 
               <tr class="container"> 
                <td> 
                 <ul class="list-group col-lg-12 col-xs-12"> 
                  <li class="col-lg-6 col-md-12 col-sm-12 col-xs-12"><label 
                   class="checkbox-inline"><input 
                    class="checkbox-input checkByDef" type="checkbox">Marriage 
                    Halls/Kalyana Mandapams</label></li> 
                  <li class="col-lg-6 col-md-12 col-sm-12 col-xs-12"><label 
                   class="checkbox-inline"><input 
                    class="checkbox-input checkByDef" type="checkbox" />Organizers</label></li>

以上是ul和li的父代和子代列表的代码部分。第一张图片其实就是我想要的。即在鼠标悬停在父列表上时，子列表应该可见。但第二个图像是我实际上得到的，子div不可见的父div，我需要使其可见，如第一图像。关于父div的溢出子div不可见的除父div

[ [1