I've checked on chrome, firefox and IE10 rendering as IE7 and 9. What's your screen resolution? It's showing up about in the middle of the page for me vertically (768 px screen height). If you switch the top margin to a %, such as 25% or so, it will adjust the vertical positioning based on screen size.
It is acting very buggy in terms of being able to click the links. This is a layering issue, the z-index needs to be set back up to a much higher value like the default (you currently have it set as 10). In your case, it looks like the minimum that will work is 101. To prevent the frame from covering the site content on small screens, you can set a minimum width for showing the frame in the advanced general options. You can try re-sizing your window to test it, and when the window is smaller than the value specified, the frame should disappear.
This plugin favors a clean "stay-in-place" float, so the frame should stay in the same place on the screen consistently as the page is scrolled. The effect is a little different when the frame blends in with the background by having the same color, but in your case I think it looks nice. The clean float is to prevent the frame from being distracting. I know that there are other plugins which favor an animation-style float, although I don't know whether they support custom links.