LayoutContainer inside LayoutContainer has weird scrollbar

[guest]

If I have 2 nested LayoutContainers with the inner one having an alignment of "client". With this setup the inner LayoutContainer gets an unnecessary scrollbar. The scrollbar goes away if I force resize the window. This occurs in Firefox only. See testcase.

Workaround is to modify "dojo/src/widget/html/layout.js" where it says:

dojo.html.insertCssText(
	".dojoLayoutContainer{ position: relative; display: block; overflow: hidden; }
" +
	"body .dojoAlignTop, body .dojoAlignBottom, body .dojoAlignLeft, body .dojoAlignRight { position: absolute; overflow: hidden; }
" +
	"body .dojoAlignClient { position: absolute }
" +
	".dojoAlignClient { overflow: auto; }
"
);

And swap the order of ".dojoAlignClient" and ".dojoLayoutContainer" so that ".dojoLayoutContainer" gets precedence.

[guest]

testcase

[bill]

Hmm it seems like we can get rid of dojoAlignClient altogether, since overflow: auto is the default.

[bill]

Testcase against 0.9

[bill]

(In [10441]) Remove unnecessary dijitAlignClient { overflow: auto; }. It conflicts with the overflow:hidden for layout widgets when a layout widget is nested as a client of a LayoutContainer?.

Fixes #2928 and refs #4367 (fixes example #1 in #4367).