關於父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