The td height is being stretched out as shown in the image.
I experimented with various solutions:
Setting the td height to 1px and allowing the content to stretch it.
Adding a style and setting the height to 1 px
Including a div tag on the content within the td and setting the div tag height and overflow hidden
Styling the td to have an overflow hidden
Applying display: block styling to the td
Adjusting the vertical-align property to top
I suspect that the issue may be related to the iframe, which automatically resizes based on its content.
Unfortunately, none of these attempts seemed to resolve the problem. You can view the page here.
I understand the importance of creating websites using divs instead of tables, as table layouts are considered outdated!
Any assistance would be greatly appreciated!