Why does this div not load consistently in Chrome? A bug?

Question

I have Chrome Version 33.0.1750.154 m running on Windows 7 Professional 64 bit

I created this WP plugin a couple years ago that works just fine (could certainly use improvement) that shows a cached, stylized Google Calendar. When I dropped it into another website today I was faced with apparent browser drawing errors, but only on this one website, which leads me to believe there is some sort of CSS conflict.

I zipped the plugin in its entirety from http://ebcbuffalo.com/calendar/ (which displays without any errors in the same browser) and installed it on the new website: http://faithbaptistspringville.com/monthly-calendar/ . As you can see, they look identical.

When I click on an event in the calendar on the latter, it may or may not draw the div properly, and even if it does draw it properly, after closing the event and clicking on more events always causes draw errors. When it doesn't draw properly, to see the div as it should be, I simply click on another tab in Chrome then click back to that tab. Bingo--it's there (until I scroll down and it looks as though it's absolute-positioned, when in fact it's fixed, then try clicking on its links and they...AREN'T REALLY THERE).

I thought maybe something was fishy with my JS so I ran the most basic command from my Chrome console: jQuery('#id_popup').show(); and jQuery('#id_popup').hide(); but it behaves just as weirdly.

I'm convinced it's a bug with Chrome, but why does it only infect this one website (faithbaptistspringville.com)?

Here's the working one:

Here's 2 screenshots of the bug (it's completely random in how it redraws)

Answer 1

I can't really figure out why this fixes it, but in my chrome (which reproduced the issue) I resolved the issue by changing the css in devtools for #id_popup to use position: absolute; instead of fixed.