Why is my footer seem to float by default?

I created my first website using the AI and the footer container is floating over the main container.

This happens with or without the debugger enabled.

Now, in the editor, the weirdness behavior continues.

When I select the main container, the setup looks like this:

If I select the Footer container, it looks like this:

I have added no custom code, only selecting text editing and image uploads using the menu items. Nothing is loaded remotely(i.e. images/codes).
I tried compainring container settings but can’t seem to find any differences or settings that say “overlap container above’ type of deal.

I’m not exactly sure how to share the preview properly, so here is the link I see when previewing: index

Any suggestions would be helpful

Finally found it, I just set the element to 100% fixed height and done. Sad this isn’t default.