HTML formats correctly after applied focus.

Question

I have a selection box that uses ajax to populate a div with new information. When I select an option the resulting text appears and formats correctly. However, when I select something new the resulting text does not format correctly and appears to be squished together. The problem goes away when I apply focus by clicking in the relative area.

I only seem to have this problem with IE. I have no idea where to start looking to debug this thing since it works perfectly in Firebug and I couldn't find any related topics on SO. Has anyone ever had this problem before?

*alright, I have no idea what code to showcase for help. But here I go:

$.ajax({
        type: "POST",
        url: "bccDates.php",
        data:   "CQID=" + CQID + "",
        success: function(response){ 
            $('#BCCDates').html(response); //div that updates
        }
    });

//Below if the php/html of the affected area.

echo "<div id=\"boxcarCapacityDates\"> \n";
echo "<form id=\"newDate\" name=\"newDate\" onSubmit=\"return validateDate('".$ID."')\"> \n";
echo "<h3>".$CQIDName."</h3> ";
            echo "<p>No groupings exist for this Boxcar.</p>";
                echo "<p>Enter a Date: </p>";
                echo "<input type=\"text\" name=\"Date\" >\n";


                echo "<br /><p><input id=\"validate\" class=\"small orange awesome\" type=\"submit\" value=\"Submit\" ></p> \n";
        echo "</form> \n";
        echo "</div> \n";