Extra space at bottom of page caused by “cye-workaround-body” and “cye-workaround-body-image” divs in Chrome

Question

For some reason, there are two div's with the ID's “cye-workaround-body” and “cye-workaround-body-image” which which get added below the </body> of some websites and it creates a large space beneath the footer. As far as I can tell this only happens in Google Chrome.

Does anyone know why this happens?

Is it safe to remove these div's?

How would I go about preventing this from happening?

Here is an example and Another Example

Answer 1

Edit: @Kbam7 has confirmed that the problem lies in an extension called "Care your Eyes", hence the "cye" divs. To fix this problem, disable or remove the extension.

---

Original Answer:

I'm not seeing divs with cye-workaround-body or cye-workaround-body-image in either of the sites you linked. This leads me to believe that it might be caused by a Chrome extension that you have installed.

Make sure none of your extensions are set to run in incognito mode, then try visiting those URLs in incognito mode and see if the problem persists. Also, please try visiting those sites using Chrome on a different computer. If you realize that it is working in either of those two circumstances, then you can start disabling extensions until you narrow down which extension is causing those extra elements to be added.

As an aside, it looks like nobody else is having the same issue (google results showed this thread only at the time of writing), so that lends further evidence towards my hunch that this is not a problem in vanilla Chrome.