How to put scrollbar to an HTML table inside fieldset using CSS

See more:

CSS

HTML

I am trying to create a responsive HTML table using CSS. I want to add an HTML table inside fieldset tag and want to appear the scrolling when I resize the browser to a small size. The table contents are filling from javascript.

I tried this.

.hor {
    
    float: left;
    width: 100%;
    height: 30%;
    overflow:auto;
    white-space: nowrap;
}

<fieldset>
            <div id="Reading" class="hor">
                <table id="list_table" width="100%" border="0"></table>
            </div>
        </fieldset>

The scrolling is working only when I remove the "fieldset" tag. How I can put auto scrolling inside "fieldset" tag.