and

Ok. I hadn’t noticed it before because it wasn’t causing too my problems, but recently, I had some issues with div’s adding extra blank space below a closed </h4> tag like this:

<h4><font color="#990066">1884:</font> Leon Schlesinger (65 at death) <span class="ThisDay">[<strong><font color="#660099">Pictured</font></strong>]
<div class="ThisDayPic"><img src="http://www.cinemasight.com/wp-content/uploads/2011/05/LeonSchlesinger.jpg" /></div>
<p></span></h4>

Notice how it added a <p> right before the </span> tag. This is one continuous line of code with no breaks in it, but wordpress has auto-inserted a paragraph break. It then never closes said paragraph break, so it causes the post to look like:

Example

I would prefer it to add
tags in lieu of <p> tags for line breaks I don’t put in, however, if it’s adding <p> tags without closing </p> tags throughout the post, then it’s not working correctly.

I have two questions:

Is there a way to switch it form using <p> to open new lines to adding
to close lines?

Is there a way to prevent it from adding the loose <p> tag in the middle of a line break? I presume it adds it after the </div> tag closes…or is there an easier way to accomplish the hovered picture display I’m trying to accomplish above?