I'm trying to setup covers for my mobi files for my Kindle 3 and can't quite seem to get them to look the way that I want. I'm thinking what I'm doing is a limit to the mobi standard or to the Kindle or both.
I want have the cover image display on black background so that they show up better but I don't want to edit the image itself. I set the background color and it looks great in epub but, when I convert to mobi, the background color is lost, or at least isn't displayed properly.
Here's the code I've tried successfully in epub:
Code:
@page {padding: 0pt; margin:0pt}
body { text-align: center; padding:0pt; margin: 0pt; }
div { margin: 0pt; padding: 0pt; background-color: #000007 }
img.sgc-1 {height: 100%}
</style>
</head>
<body>
<div><img alt="cover" class="sgc-1" src="../Images/cover.jpg" /></div>
</body>
</html>
I've tried putting the background color under the body section and the div section. Either works fine on the epub but neither works on the resulting mobi.
Does anyone have any ideas if this is possible and, if so, how I would go about it? 'cause what I'm tryin' just ain't a workin'
Thanks in advance.
- Byron