page-break-after doing very scary things

[fwegan]

I'm trying to use page-break-after to make each of my member profiles (div of class member) print on a different page. What's happened is that the first page has the first record, the second page has the second record, followed by the third, and then the fourth *in the same space* as the second. The following pages are similarly screwed up.

 

Does anybody have insight into what the heck is happening, or how to fix it?

 

.member {
width: 540px;
page-break-after: always;
float: left;
margin-bottom: 100px;
}