Just wanted to share a trick I've been using on some of my Mojo sites. 

I often have a skin for the homepage that is much more complex, with up to 5 content panels. Often times the "center" content panel, which contains the Page Settings and Edit this Page content, doesn't permit proper viewing of this content due to size constraints and positioning.

So, I wrote a little jQuery that can detect if you have pulled up one of those pages, and then you can clean things up to use the full width/height available on your page.

I place this at the bottom of the layout.master, within the $(document).ready that already exists.

if ($('.pagelayout').length || $('.pagesettings').length) {

}

Inside of that you can do things like hide a div

$("#someDiv").hide(); 

or adjust the container that holds your center content panel

$("#myCenterPanel").css('width','auto');

$("#myCenterPanel").css('float','none');

Hope this helps someone.

Tim

Spoke too soon.  I added z-index:1; and it worked. 

I was under the thought that the z-index didn't apply unless it was position:absolute but it's only the way Firefox and Chrome interpret it.  Design should work cross browser but the differences sure make it hard sometimes.