/*
Round the corners of div.section elements.
Assumes the background behind the element is white.
Side-effect: sets div.section to be 'position: relative'.
Bug: FF <= 3.0.6 doesn't handle 'position' on ':before'
*/

h1 ~ .section ~ .section {
  position: relative }
h1 ~ .section ~ .section:before, h1 ~ .section ~ .section:after {
  position: absolute;
  text-align: left;		/* Just in case an ancestor changed it */
  line-height: 0;
  height: 17px;			/* Height of corner image */
  left: 0;
  width: 100% }
h1 ~ .section ~ .section:before {
  content: url(white-tl.png);
  background: url(white-tr.png) top right no-repeat;
  top: 0 }
h1 ~ .section ~ .section:after {
  content: url(white-bl.png);
  background: url(white-br.png) bottom right no-repeat;
  bottom: 0 }