IE 8 Pages out of order

[agwebguy]

http://www.builtbywill.com/code/booklet/demos/

I'm running into an issue when testing on XP with IE8, it seems that the pages get out of order. I've got a 40 page booklet I'm building and IE8 seems to loose track of where it's at. Try flipping back and forth on your demos page to see the issue. Eventually the page numbers will change but not the content or as expected.

[Matthewnie]

I'm having a similar issue, IE appears to be layering the pages improperly. Page 4 is showing on top of page 2 instead of underneath of it, continues throughout the entire book, I'm looking into this but haven't yet found a workable solution.

[Matthewnie]

I thought I would share my band-aid solution, had to get this project out the door so using something that works even though it isn't the prettiest or best user experience. If the browser is lower than IE 9 I hide the pages that that are improperly layering which are supposed to below the current pages but showing above. The .lt-ie9 class comes from using modernizr but you could use conditional comments to place a stylesheet or an inline style block.

.lt-ie9 .booklet .b-p4,
.lt-ie9 .booklet .b-pN {
        display:none;
}

[mack3457]

It's not a problem of only lt-ie9, but also of IE10. Only when flipping back.