SharePoint 2010 Branding: Fix standard layout alignment on pages with wider content

In the standard SharePoint 2010 layout there’s a bug in the layout that keeps the title as big as the window width, even if the content stretches outside of that width.

Let’s see the Master Page and Page layout gallery, for example. If your window is too small you’ll need to use the horizontal scrollbar to see the complete table. When this happens the title area will only stretch to the size of the window, leaving a gap to the right:

Here's how you do it:

body #s4-bodyContainer,
div#s4-workspace {
    float: left;
}

#s4-titlerow {	
    width: 100%;
}

And here you go: