User753101303 posted
Hi,
This is just a standard page who seems to be broken? You could use https://developers.google.com/web/tools/chrome-devtools/inspect-styles/ (you have the same
in most if not all browsers) to inspect which styles are applied and to better understand what it is shown in a way you don't expect. Maybe you have set a height or an overflow:hidden on an unexpected elements.
You have tools such as https://jsfiddle.net/
which make easy to publish HTML/CCS/JavaScript that others can look and fix. Also it's best to narrow down first the problem and keep what really matters rather than to post a huge HTML/CSS document whose most content is unrelated to the problem you
are trying to fix.
My personal preference is to do this the other way round ie I'm testing my approach with a simple HTML page and once it works fine I'm giving a try at making it work for the real page.