For some reason unknown to me, the rendering of elements on my website just started doing very strange things. I'm using google chrome, (and have for months) and suddenly my elements started appearing with mysterious gaps. Ex:
The areas crosshatched red here are the gaps that formed that should not be there. I collapsed elements in those places and confirmed they were collapsed by checking the "collapsed" property. The url of that page is https://www.offerreddy.com/my-saved-homes?listingId=b1bc8e47-f907-4cba-b688-f4f1d94bf2e3&step=pandS
Also, I just opened my website in internet explorer to see if the issue was present there, and it is...along with several other rendering issues. For example, my menus are way out of position:
Correct placement: (as seen in chrome)
Please help me figure this rendering problem out!