Click on the buttons to see that scrollbars in the west pane are well adjusted and messages preserve their place when scrolling.
South
body {
margin: 4px !important;
}
body > form > .ui-layout-north {
background: none;
border: none;
color: #000000;
padding: 4px;
overflow: hidden;
}
body > form > .ui-layout-south {
background: none;
border: none;
color: #000000;
overflow: hidden;
vertical-align: middle;
}
.ui-datatable thead th,
.ui-datatable tbody td,
.ui-datatable tfoot td {
white-space: nowrap;
}
.ui-messages-info,
.ui-messages-warn,
.ui-messages-error,
.ui-messages-fatal {
margin: 0;
}
#messages > div {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
}