When I activate the sidebar by clicking the menu button, it remains fixed in position until the first scroll. However, if I interact with the sidebar by clicking on it, the button resets and goes back to the top of the page. This issue seems to only occur in Chrome and Firefox, while surprisingly working correctly in IE11. Any assistance would be greatly appreciated. Thank you in advance.
For reference, here is the fiddle: http://jsfiddle.net/NCyL4/
div.mobile-only {
visibility: visible;
position: fixed;
top: 0;
left: auto;
right: auto;
margin: 1em;
height: 2em;
z-index: 10;
vertical-align: middle;
}