page-break-inside ignored?

[vaiek]

Hi.  I am using the latest TW on a recent version of Google Chrome (18.0), although I see the same behavior on IE 8.

I want using the SnapShotPlugin (1.4.3) to print individual plugins...fantastic!  However, I am trying to avoid certain tables from being split across pages when printing (these are 8x12 tables depicting the layout of 96 well plates we use here in the lab).

I've tried a couple of things in my stylesheet, as shown below:

@media print {

  td, th {

    font-size: 8px;

  }

  table {

    page-break-inside: avoid;

  }

  .plate96{

    display:block;

    page-break-inside: avoid;

  }

  .nobreak {

    page-break-inside: avoid;

  } 

}

And then in my tiddler:

{{nobreak{ 

|plate96|k

| !|!1|!2|!3|!4|!5|!6|!7|!8|!9|!10|!11|!12|

|!A|||||||||||||

|!B|||||||||||||

|!C|||||||||||||

|!D|||||||||||||

|!E|||||||||||||

|!F|||||||||||||

|!G|||||||||||||

|!H|||||||||||||

}}} 

However, this does not work...I am still getting page breaks in the middle of my table.  Forcing the page break (page-break-before: always;) DOES work, but I would rather insert the page break conditionally (i.e., only if the table is going to break across pages).

Am I doing something wrong here?

Thanks!

-Eric