css in epub (rounded corner)

[JiYu]

Hi,

I am trying to create an css box with rounded corners. In the "browser" its working fine, but the Kindlepreviewer (Windows version running with wine) is not showing it correctly. Is it may be not supported?

css:

body {
        background-color: #E0E0E0;
}


/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }

and html:

<div class="rbroundbox">
	<div class="rbtop"><div></div></div>
		<div class="rbcontent">
			<p style="text-align: center; font-size:450%;">1.</p>
		</div><!-- /rbcontent -->
	<div class="rbbot"><div></div></div>
</div><!-- /rbroundbox -->

In the previewer the background is okay, but its not possible to see any box. Can some body see my mistake or have done that before?

kind regards

JiYu

[Jellby]

Note that the Kindle does not support ePUB. What probably happens is that Kindlepreviewer (or whatever) converts the ePUB to Mobi, and then you are limited by what Mobi does or does not support (and how well the automatic conversion is done).

[JiYu]

Originally Posted by Jellby

Note that the Kindle does not support ePUB. What probably happens is that Kindlepreviewer (or whatever) converts the ePUB to Mobi, and then you are limited by what Mobi does or does not support (and how well the automatic conversion is done).

Yeah was hoping that mobi probably support it, but it seems to be that its not Ahhhh thats very sad then I need to find another way to accomplish this.