Blank screens when viewing certain apps
In the last couple months I've noticed some random problems displaying webpages when using Chrome (updated it to the latest version) The window is drawn fine and the toolbar area appears normally but sometimes there are black squares covering the webpage and sometimes the pages are completely blank even though the toolbar shows that the page is finished loading. The contents of the page are there, I can hover over links and click on them but it seems like a layer is being displayed over the content of the windows. I thought this was an issue with Chrome but now the problem is occurring in Safari, the App store and sometimes when I use Preview or when I click on the space bar to view a file without opening it in Preview. Firefox is now my only working web browser. This leads me to believe there's an issue with OSX.
I'm running a Late 2012 iMac with OSX 10.9.5 (13F1712)
CPU: 2.9 GHz Intel i5
RAM: 16 GB 1600 MHz DDR3
GPU: NVidia GeForce GTX 660M (w 512MB)
Below are some sample screen shots
Image 1: Using Chrome to view an email in GMail
Image 2: Using Chrome to view the help page
Image 3: Using Preview to view a PNG file (which is image 1 above)
Image 4: Using the App store to view the El Capitan upgrade
Also when scrolling the webpage (image 1) those black squares would blink randomly in a checker board pattern.
I tried to take a video screen capture with Quicktime but whenever I hit record, it would crash.
Has anyone ever experienced an issue like this? I've scoured the net trying to find something similar but can't find any thing that matches what I'm experiencing.
Thanks for any help.
iMac, OS X Mavericks (10.9.5), Late 2012 iMac