Librairie Jquery

Bonjour,
J'ai installé la librairie concernant "Widgets Accordion".
Alors voilà j'ai fait de façon à afficher les données d'une table par année.
J'ai un soucis lorsque qu'un champ est vide (cela peux arriver) la seconde ligne commence à partir du champ vide de la ligne précédente de ce fait ça me décale toutes les données.
Je ne sais pas si parmi vous, quelqu'un a eu ce type de probléme.
J'espère qu'avec mes explications vous pourrez essayer de m'aider, je vous donne mon script concerné.
Merci.

<h2>Historique des Sorties</h2>

<style type="text/css">
.recompense .colonne_1 { float:left; width: 15%; overflow :hidden; text-transform:uppercase; letter-spacing: 1mm; font-size:14px; color:blue; background:.....  }
.recompense .colonne_2 { float:left; width: 15%; overflow :hidden; text-transform:capitalize; font-size:14px; color:blue; background:.....  }
.recompense .colonne_3 { float:left; width: 20%; overflow :hidden; font-size:14px; color: blue; background:.....  }
.recompense .colonne_4 { width: 25%; overflow :hidden; font-size:14px; color: blue; background:.....  }
.recompense .colonne_5 { float: right; width: 25%; overflow :hidden; font-size:14px; color: blue; background:.....  }
</style>

<br/>

<?php
	$sql = "SELECT jour_sortie_historique, date_sortie_historique, lieu_sortie_historique, objet_sortie_historique, prestation_historique, DATE_FORMAT(date_sortie_historique, '%Y') AS date_historique
			FROM tb_calendrier_historique
			ORDER BY date_sortie_historique DESC";
	$requete = $bdd->prepare($sql);							
	$requete->execute();

echo "<div class=ui-accordion>";

$donnees = $requete->fetch();
?>

<h3 class=ui-accordion-header><a href='#'><?php echo $donnees['date_historique']; ?></a></h3>
	<div class=ui-accordion-content>
		<p class='recompense'>
			<span class='colonne_1'><?php echo $donnees['jour_sortie_historique']; ?></span>
			<span class='colonne_2'><?php echo dateFR($donnees['date_sortie_historique']); ?></span>
			<span class='colonne_3'><?php echo $donnees['lieu_sortie_historique']; ?></span>
			<span class='colonne_4'><?php echo $donnees['objet_sortie_historique']; ?></span>
			<span class='colonne_5'><?php echo $donnees['prestation_historique']; ?></span>
		</p>

<?php
$anneecourante = $donnees['date_historique'];

while ($donnees = $requete->fetch())
{

	if ($donnees['date_historique'] != $anneecourante)
	{
?>

	</div>
<h3 class=ui-accordion-header><a href='#'><?php echo $donnees['date_historique']; ?></a></h3>
	<div class=ui-accordion-content>
		<p class='recompense'>
			<span class='colonne_1'><?php echo $donnees['jour_sortie_historique']; ?></span>
			<span class='colonne_2'><?php echo dateFR($donnees['date_sortie_historique']); ?></span>
			<span class='colonne_3'><?php echo $donnees['lieu_sortie_historique']; ?></span>
			<span class='colonne_4'><?php echo $donnees['objet_sortie_historique']; ?></span>
			<span class='colonne_5'><?php echo $donnees['prestation_historique']; ?></span>
		</p>
		
<?php		
	}
	else{
?>
		<p class='recompense'>
			<span class='colonne_1'><?php echo $donnees['jour_sortie_historique']; ?></span>
			<span class='colonne_2'><?php echo dateFR($donnees['date_sortie_historique']); ?></span>
			<span class='colonne_3'><?php echo $donnees['lieu_sortie_historique']; ?></span>
			<span class='colonne_4'><?php echo $donnees['objet_sortie_historique']; ?></span>
			<span class='colonne_5'><?php echo $donnees['prestation_historique']; ?></span>
		</p>
<?php
	}
	$anneecourante = $donnees['date_historique'];
}

echo "</div>";
?>