[beastvold]

Update:

1. After working for a few hours, I solved my first question. I had to put the following in my CSS sheet:

ul {
	list-item-type:circle;
}

The default list-item-type is "disc," and I still don't know why it was changing the bullet point graphic after the first item. So, I just changed the type to "circle" and everything works great.

2. I'm still trying to figure out my tables issue. I did discover that I was using deprecated code, assigning "align," "cellpadding," and "cellspacing" attributes in my <table> tag. I took these out and updated my CSS to the following, but I'm still running into the exact same problem.

.TableSJ {
   width: 80%;
   margin-left: 10%;
   margin-right: 10%;
   margin-top: 5px;
   margin-bottom: 5px;
   border-width: thin;
   border-style: solid;
   border-top-color: #000;
}

td, th {
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	padding:10px;
}

table {
	border-collapse:collapse;
}

Does this look right? I must still be missing something...

I've also attached the latest version of my epub. You can see the table with the problem in the "Twisted Tales" section of the epub.

Thanks!