One of the blocks is always truncated

The largest block in the left or right region has the width of its sides truncated to a few pixels to match the other blocks (Opera 9.63). Problem does not happen with IE7. Forcing width in CSS, even with !important, does not solve the problem.

This is because the new table formatting only uses background images instead of foreground ones, and the layout engine adjusts based on actual content.

A solution is to use explicit foreground images on corners we know exist:

• top left and right for header: will always exist if a header exists
• bottom left and right for data rows: will always exist if data rows exist

The other corners can keep their background images, limiting the HTML code size.