OverFlow Not Working for HTML Field Formatting with CSS Class

I am trying to use a HTML field to display a block of text for "Terms of Use" on a user registration form with the goal of having a scrolling read-only text box on the form. In terms of dimensions, padding, borders, and background, all of the formatting renders as I would expect, but there is no scrolling and the additional text that does not fit in the text box displays below the box and on top of the field that follows below the HTML field. I have tried different overflow settings in the CSS and nothing changes. Replicated in latest Mac production versions of Safari, FireFox and Chrome in my local environment on MAMP and also on test host installation.

The HTML field seems oblivious to the CSS setting for overflow.

To respect a client's wishes for confidentiality, posting a link on a support forum is not an option. But, I have emailed Carl Hancock with a link on a separate support issue pertaining the user registration add-on. That link would also allow you to view the registration form and. I can email you the same information sent to Carl if that works better.

In your .terms-of-use-text class change:

[css]
overflow: scroll;

to:

[css]
overflow: auto !important;