Invalid CSS selectors in page names break async header/footer

[jamesmontalvo3]

A page name including characters invalid in a CSS selector (for example, &) will generate an div element like:

<div class="hf-footer" id="hf-footer-Page_with_&_in_title">...</div>

This is a bad selector. Instead do something like md5 the page title to make it standard characters.