OK -- I am back from my business trip.
I did some testing and was able to duplicate the problem.
The fix is to add "position:fixed;" to your CSS Option C. That will push your TopBar down, and not overlay the page. So, the CSS would like this:
position:fixed; top: 40; padding:0; margin:0; width: 100%; z-index: 99999;
For some reason, when the TopBar does not have "position:fixed", the webpage is not redrawn correctly when the TopBar is closed. It will take me longer to figure out why that CSS is not working correctly.
Pls confirm this works for you.