UI controls in Firefox, Opera, etc. are broken, old-fashioned or blurry (Retina)

I got these ugly controls in Mountain Lion when I bought my MacBook Pro with Retina display. After upgrading to Mavericks the problems still persist. 1. Blurry drop-down list and other old-fashioned low-definition controls are everywhere (even in Apple apps such as iTunes); 2. In Microsoft Office 2011, the controls used are different from what I see in screenshots on the web (with stripes in background, most noticeably), and I don't get the full-screen toggle button on the top right corner; 3. In Firefox and Opera the controls are even broken, apart from being old. When I scroll the page the scrollbar gets partially stuck (see the picture). 4. In Adobe Acrobat XI the tools on the right do not expand. If I make them expand by clicking the arrow and restarting Acrobat, the tools cannot be applied onto the content and soon the app loses response. I am sure that these apps run in Retina resolution. But why (and how) do they get the old controls? Can I make them use the modern controls? I don't remember installing anything to change the look-and-feel of the system, but what might have I installed to produce such a situation?