Center a page with a fixed element
<p>I have 3 issues with my site (hope this isn't cheating! :p) that I'm currently building (using Wordpress by the way...)</p>

<p>I'm trying to achieve something fairly straight-forward, but its proving to be a little tricky. On this my page (<a href="http://www.ashleymosuro.com/newsite" rel="nofollow">www.ashleymosuro.com/newsite</a>) I have a fixed navigation bar on the left which doesn't scroll with the other elements.</p>

<p>However, what I would preferably want is for the entire page to be centred, or at least the main wrapper with all of the content. I managed to do this before, but whenever I resized the page the wrapper would move to the left allowing the navigation to overlap it. I want the navigation to remain the same distance away from the wrapper, but have it all centred regardless of whether the page is resized.</p>

<p>My other issue is that I currently have a horizontal scrollbar appearing on the site, as if there is more content to the right of the page. I assume this is a float issue?</p>

<p>I would also like my fixed navigation to <em>do something</em> once it has reached the footer div. I know that this is possible with jQuery but not entirely sure how to achieve it. I guess I need to somehow add a class to the navigation ONLY when it is colliding with the footer, but when the user scrolls back up it needs to remove this class.</p>

<p>Help will be greatly appreciated!</p>

<p>Thanks,</p>

<p>Ashley</p>
