How to solve EPUB rendering issue on iBooks

[James Vasanth]

Please refer the attachment.

I have created a sample EPUB3 ebook in which box content not displayed properly and box displayed as two separate boxes on iBooks.

Kindly guide me how to solve this issue. Is this a bug of iBooks?
Note: Same issue occur on portrait mode.

Codes used:

HTML
-----
<p class="image1"><img src="../images/p29.jpg" alt=""/></p>
<p class="h2c">Being back ... childhood. </p>

CSS
----
.image1
{
font-size: 100%;
margin-top: 1em;
margin-bottom: 2em;
margin-left: 0em;
margin-right: 0em;
text-align: center;
text-indent: 0em;
}

.h2c
{
margin-top: 1em;
margin-bottom: 0.5em;
margin-left: 3em;
margin-right: 0em;
text-align: left;
width:350px;
text-indent: 0em;
font-family:sans-serif;
background-color: #FFDF00;
border-top-right-radius:1em;
padding:0.5em;
display:block;
}

 

[HanllyJimes]

You can use some ePub editor software like Sigil.