I need to suppress the printing of a blank pages, as shown here: http://screencast.com/t/MDg5MWZmM

Here is the CSS I'm using for all pages:

@page :left {
  @top-left {
    font: 11pt "Gill Sans", serif;
    vertical-align: bottom;
    padding-bottom: 2em;
  }

  @bottom-left {
    font: 11pt "Gill Sans", serif;
    content: counter(page);
    padding-top: 2em;
    vertical-align: top;
  }
  @bottom-right {
    content: string(sectiontitle);
    font-size: 1em;
    text-align: right;
    vertical-align: top;
    padding-top: 2em;
  }
}

@page :right {
  @top-right {
    font: 11pt "Gill Sans", serif;
    vertical-align: bottom;
    padding-bottom: 2em; 
  }
  @bottom-left {
    font: 11pt "Gill Sans", serif;
    content: counter(page);
    text-align: right;
    vertical-align: top;
    padding-top: 2em;
  }      
  @bottom-right {
    content: string(sectiontitle);
    font-size: 1em;
    text-align: right;
    vertical-align: top;
    padding-top: 2em;
  }
}

Here is what I am using for pages tagged as "Maps":

/* Insert the headers for Maps */
div.map { prince-page-group: start }
@page map {
  @top-left {
  content: string(maptitle, first) ", Continued";
  font-weight: bold;
  font-size: 1.2em;
  }
}

@page map :first {
  @top-left {
  content: normal; /* Remove the header from the first page of the Map */
  }
}

@page map :blank {
   display:none;
}

The last statement doesn't seem to do anything. Any ideas would be most appreciated!

Normally you will not get blank pages unless you use "page-break-before: left" or a similar property to force two page breaks, so there should be no blank pages to suppress?

Found the problem. I changed my HTML code the other day by adding a <hr /> tag just before a <div class = "map"> ended.

When I removed the <hr /> tag the extra page stopped being generated. Not at all sure why, but all's well that ends well.