自定义选择框下拉到HTML / CSS中的表格单元格内

Question

我在Table Td单元格中保留了一个自定义选择框，单击该单元格会打开两个自定义选项的列表。向表中添加行会创建同一个自定义选择框的另一个实例，其功能与上面相同。

<div class="multiselect">
                <div class="InternetselectBox" id="Connectivity_COld9_InternetFacilityDiv_1" onclick="showInternetLocationCheckboxes(this)">

                  <select class="location_select" style="color: #666;" id="Connectivity_COld9_InternetFacility_1">
                    <option value="0"> 2 Location Selected</option>
                  </select>
                  <div class="overSelect"></div>
                </div>

              <div class="MultiSelect_checkboxes InternetMultiSelect" id="Connectivity_COld9_MultiSelect_checkboxes_1" style="display: block;">

                    <label for="Connectivity_COld9_InternetFacilityCHK_1_1">
                        <input type="checkbox" checked="checked" id="Connectivity_COld9_InternetFacilityCHK_1_1" name="lineup[]" onclick="InternetDynamicCheckboxCount(this)">

                      TCO
                    </label>
                    <label for="Connectivity_COld9_InternetFacilityCHK_1_2">
                        <input type="checkbox" checked="checked" id="Connectivity_COld9_InternetFacilityCHK_1_2" name="lineup[]" onclick="InternetDynamicCheckboxCount(this)">

                      MEPS
                    </label>
                </div>
              </div>

问题是，当我点击选择框并滚动页面或特定div（表格div）时，下拉菜单也会随着滚动方向移动。我对使用位置的Css样式有点困惑

当我添加行并向下滚动时，下拉列表也会移动。

帮我解决这个问题。我想要一个下拉菜单，当我点击下拉菜单时，当我向下或向上滚动时不显示。

我尝试使用css属性位置：相对于下拉列表。但是，它取代或扩展了同一行的其他Td。我不需要这个。

需要添加任何css类。让我知道。任何帮助表示赞赏。