.2s ease-in}#ui-bar.stowed{left:-15.5em}#ui-bar-body{height:90%;height:calc(100% - 2.5em);margin:2.5em 0;padding:0 1.5em}#ui-bar.stowed <a href="/forum/search?Search=%23ui-bar-body&Mode=l

<a href="/forum/search?Search=%23ui-bar-body&Mode=like">#ui-bar-body</a> {height: calc(100% - 2.5em); margin: 5.1em 0; padding: 0 2.4em 0 1em;}

I'm guessing that it's actually your current solution?<br />Beyond that, based solely upon the project at that link, you have some CSS issues.<br />The following <span style="fon

<pre>body.intro <a href="/forum/search?Search=%23ui-bar-body&Mode=like">#ui-bar-body</a> { background-image: url(splash.jpg) no-repeat; width: 500px; margin: 350px 0 0

Why are you messing with <span style="font-family:monospace"><a href="/forum/search?Search=%23ui-bar-body&Mode=like">#ui-bar-body</a></span>, or any of

<pre>body.intro <a href="/forum/search?Search=%23ui-bar-body&Mode=like">#ui-bar-body</a> { background-image: url(splash.jpg) no-repeat; width: 500px; margin: 350px 0 0

<pre>body.intro <a href="/forum/search?Search=%23ui-bar-body&Mode=like">#ui-bar-body</a> { background-image: url(aftermath_title.jpg) no-repeat; width: 500px; margin: 3

So, right now, I figured out how to stop text from overflowing the margin. So, right now, the edge of the sidebar acts as the end of story area.<br />Pics:<br /><a href="http://img