Как сохранить таблицу во внешнем наборе полей без жесткого кодирования высоты в пикселях

На моей html-странице есть набор полей, и внутри этого div я отображаю таблицу на лету. Эта таблица может иметь только 1 строку или 1000 строк.

Высота внешнего Div составляет 75%, и я не хочу, чтобы таблица проходила через это.

HTML-код выглядит так

<fieldset>
    <div>Some text and some HTML Elements </div>
    <<h4>Field Permissions </h4>
    <table class="mytable">
        // Dynamically populate rows. Number of rows can be 1 or 100 or 1000
    </table>
</fieldset>

Теперь я хочу сохранить эту таблицу во внешнем наборе полей, но она отображается за пределами набора полей.

На прикрепленном изображении элемент DOM с красной рамкой — это таблица, а с синей рамкой — внешний набор полей.

Это мой css:

.mytable{
    font-size: 12px;
    margin: 10px;
    width: 95%;
    border-spacing: 5px;
    text-align: center;
    position: absolute;
    height: 100%;
}

fieldset {
    margin: 0;
    font-size: 12px;
    overflow-y: auto;
    overflow-x: auto;
    width: 100%;
    height: 100%;
}