[virtual_ink]

I'm looking for some advice or a CSS template to use when converting ePubs (EPUB2) to Mobi via KindleGen2.

I'm finding most of my CSS converts well, but there a few rouge elements in some previews. For example, in the new Kindle Previewer, my chapter headings look fine for Kindle/KindeFire/KindleDX - but they are huge when previewed in Kindle for iPhone/iPad.

Is there a CSS setting which works well across all the Kindle preview options?

Here's some of my CSS for reference:

Normal text is:
p.body {
font-weight : normal;
font-style : normal;
font-size : 1em;
text-decoration : none;
font-variant : normal;
line-height : 1.2;
text-align : justify;
color : #000000;
text-indent : 16px;
margin : 0px;
widows:2;
orphans:2;
-webkit-hyphenate-before:3;
hyphenate-before:3;
-webkit-hyphenate-after:3;
hyphenate-after:3;
-webkit-hyphenate-lines:2;
hyphenate-lines:2;
}

Chapter headings are:
h1.chapter-title {
font-weight : bold;
font-style : normal;
font-size : 1.17em;
text-decoration : none;
font-variant : normal;
line-height : 1.2;
text-align : center;
color : #000000;
text-indent : 0px;
margin : 50px 0px 16px 0px;
-webkit-hyphens: none !important;
adobe-hyphenate: none !important;
-moz-hyphens: none !important;
hyphens: none !important;
}

Thanks!