Faire des fils d'actu facon netvibes

Bonjour,
J'essaye de faire des fils d'actu en css, un peu à la facon de netvibes
mais suivant le contenu de mes différents encadres, me sbloc ne se postionne pas bien


voici mon code HTML:

 <div class="PetitencadreBlanc">
        <h3>BLOC<span> 1 des fils d'actus</span></h3>
      
        <ul>
        <li><a href="#">Accueil du site</a></li>
        <li><a href="#"> Espace professionnel</a></li>
        <li><a href="#">Libraires</a></li>
        				<ul>
                            <li><a href="#">Accueil du site</a></li>
 							<li><a href="#"> Espace professionnel</a></li>
        				</ul>
        <li><a href="#">La diffusion de nos livres</a></li>
         <li><a href="#">Accueil du site</a></li>
        <li><a href="#"> Espace professionnel</a></li>
        <li><a href="#">Libraires</a></li>
        <li><a href="#">La diffusion de nos livres</a></li>
         </ul>
      </div>
      
        <div class="PetitencadreBlanc2">
        <h3>Bloc 2 des fils </h3>
        <p>Ce sont les fêtes, les comptines, les jeux, les roulades... C’est tout ce qui reste, quand on a tout oublié. C’est la main à la pâte, les pinceaux et la chorale, l’émotion d’être ensemble. 350 documents inédits, 100 chansons ou comptines, nous font revivre, l’école des rires et ds chants. Un hymne à l’enfance, tendre et nostagique. </p>
           <ul>
         <li><a href="#">Accueil du site</a></li>
        <li><a href="#"> Espace professionnel</a></li>
        <li><a href="#">Libraires</a></li>
        <li><a href="#">La diffusion de nos livres</a></li>
         </ul>
      </div>
      
         <div class="PetitencadreBlanc">
        <h3>BLOC<span> 3 des fils d'actus</span></h3>
      
        <ul>
        <li><a href="#">Accueil du site</a></li>
        <li><a href="#"> Espace professionnel</a></li>
        <li><a href="#">Libraires</a></li>
        				<ul>
                            <li><a href="#">Accueil du site</a></li>
 							<li><a href="#"> Espace professionnel</a></li>
        				</ul>
        <li><a href="#">La diffusion de nos livres</a></li>
         <li><a href="#">Accueil du site</a></li>
        <li><a href="#"> Espace professionnel</a></li>
        <li><a href="#">Libraires</a></li>
        <li><a href="#">La diffusion de nos livres</a></li>
         <li><a href="#">Accueil du site</a></li>
        <li><a href="#"> Espace professionnel</a></li>
        <li><a href="#">Libraires</a></li>
        <li><a href="#">La diffusion de nos livres</a></li>
         <li><a href="#">Accueil du site</a></li>
        <li><a href="#"> Espace professionnel</a></li>
        <li><a href="#">Libraires</a></li>
        <li><a href="#">La diffusion de nos livres</a></li>
         </ul>
      </div>
      

et voici mes css :

/* petitencadreblanc*/
.PetitencadreBlanc {
	float: left;
	width: 249px;
	margin: 0;
	padding: 6px 0 20px 6px;
	border: 1px dotted #CCCCCC
}




.PetitencadreBlanc h3 {
	margin: 0;
	padding: 0 0 10px;
	color: #840909;
	font: bold 18px "Times New Roman", Times, serif;

}
.PetitencadreBlanc p {
	margin: 0;
	padding: 0 4px 10px 4px;
	color: #000;
	font: 12px Arial, sans-serif;
}
.PetitencadreBlanc ul {
	margin: 0;
	padding: 0 10px 10px 25px;
	font: 12px Arial, sans-serif;
}
.PetitencadreBlanc ul li {
	list-style:square;
	color: #000;
	float: left;
	width: 100%;
}
.PetitencadreBlanc ul li a {
	list-style: none;
	text-decoration:none;
	color: #000;
	float: left;
	width: 100%;
}
.PetitencadreBlanc ul li a:hover {
	text-decoration:underline;
}

.PetitencadreBlanc ul li ul li {
	list-style:square;
	color: #840909;
	float: left;
	width: 100%;
}
.PetitencadreBlanc ul li ul li a {
	list-style: none;
	text-decoration:none;
	color: #840909;
	float: left;
	width: 100%;
}
.PetitencadreBlanc ul li ul li a:hover {
	text-decoration:underline;
}


.PetitencadreBlanc2 {
	float: left;
	width: 249px;
	margin: 0;
	padding: 6px 0 20px 6px;
	border: 1px dotted #CCCCCC
}


.PetitencadreBlanc2 h3 {
	margin: 0;
	padding: 0 0 5px;
	color: #840909;
	font: bold 18px "Times New Roman", Times, serif;
}
.PetitencadreBlanc2 p {
	margin: 0;
	padding: 0 4px 10px 4px;
	color: #000;
	font: 12px Arial, sans-serif;
}
.PetitencadreBlanc2 ul {
	margin: 0;
	padding: 0 10px 10px 25px;
	font: 12px Arial, sans-serif;
}
.PetitencadreBlanc2 ul li {
	list-style:square;
	color: #000;
	float: left;
	width: 100%;
}
.PetitencadreBlanc2 ul li a {
	list-style: none;
	text-decoration:none;
	color: #000;
	float: left;
	width: 100%;
}

.PetitencadreBlanc2 ul li a:hover {
	text-decoration:underline;
}

merci de me venir en aide