/**
* This will modify the mainmenu after document has completed loading. It adds a 
* span to each mainmenu item. This span is invisible, but expandes the box 
* around it, so the hover-effect will not move the succeeding items.
*
* Requires Prototype and script.aculo.us
*
*/
Event.observe(window, 'load', function(ev){
    $$('dl.mainmenu dd a').each( function(item){
        span = Builder.node('span',' '+item.firstChild.nodeValue);
        item.appendChild(span);
    });
});