[Hitch]

Originally Posted by dgatwood

You're missing some semicolons. Assuming that's an exact copy-and-paste, some parsers will throw away min-width and height, some will throw away height, and some (ADE) will throw away the entire stylesheet.

After you fix those typos, if the problem doesn't go away, try using media queries:

@media amzn-mobi {
    // Styles for older devices
}

@media not amzn-mobi {
    // Styles for newer devices
}

and see A. whether it is using the mobi styles or the kf8 styles, and B. whether you can come up with a compromise that makes "Look Inside" behave without wrecking the formatting elsewhere.

BTW, I recommend running your CSS through CSS Lint, if you haven't already:

http://csslint.net

Not everything it whimpers about is necessarily a mistake, but it is good to look through them anyway.

dag:

NJ's been extremely resistant to media queries, in the past. I've been sort of hinting at that all the way through, here (if I had something like this, I'd either redesign it, or I'd set it up for KF7 display using hidden to get rid of the KF8 problems). BUT, yes...media queries are the most likely way to go. I presume that the missing semi-colons are typos, because NJ sells a book, on Amazon, about how to make MOBIs for Kindle using code/Sigil-->ePUB-->MOBI.

Hitch