[sdm1130]

I am creating an eBook for the first time and I am running in to some issues with some nested lists that also contain paragraphs.

Since epubs don't allow for nesting of paragraphs in <li>, I ended up created a few different levels of indentation in CSS and applied those to <p> tags to generate the list layers (sometimes 2 levels and sometimes 3 levels) with no problem - everything looks great in iBooks. After converting the epub to a mobi file (using calibre or kindlegen), the indentation didn't seem to work, so I converted it back to the following:

<ol>
   <li></li>
   <li>
       <ul>
           <li></li>
       </ul>
   </li>
   <p>
   <li></li>
</ol>

When I view this on the Kindle (for iPad app, if that matters), the indentation works as I want it to, but the <p> has a number in front of it.

I've tried so many different solutions (so many that I'm having a hard time remembering them all) and nothing seems to be working. Can someone point me in the right direction? I have a good understanding of HTML and CSS.

Here is some of the CSS I am using:

p.indent
{
	margin-left: 35px;
	line-indent: 35px;
	text-indent: -15px;
}

p.indent2
{
	margin-left: 25px;	
	line-indent: 25px;
}

p.indent3
{
	margin-left: 55px;
	line-indent: 55px;
}

Hopefully this post makes some sense. I've been fighting with this for some many hours, my head is getting a bit foggy!