Php + alignement + li = :(

Bonjour …
J'ai un problème : j'ai utilisé le javascript de http://css.alsacreations.com/xmedia/exemples/galerie_photo_js/
mais le truc c'est que mon code php m'oblige à avoir une structure
liens miniatures / liens grandes images donc quand j'utilise float mes images miniatures sont alignès mais quand j'ouvre une nouvelle image elle passe en dessous
mon code php + html (j'ai utilisé les même div que le tuto pour ne pas avoir a apprendre le javascript )

        echo '<li><a href="pics/' , $tableau[$i] , '"><img src="mini/' , $tableau[$i] , '" alt="Image" /></a></li>';  
        if($i%$nbcol==($nbcol-1) or $i==($nbpics-1)) echo '</ul>'; 
echo '	
<dl id="photo">
		<dd><img id="big_pict" src="images/photo1.png" alt="" /></dd>
	</dl> ' ;

et la css

ul#galerie_mini a {
display: inline;
margin :1px ;
float : left ;}

a img {
border : none ; }
dl#photo
{
	margin: 0 auto ;
}

dl#photo a{
margin-left : 15 px;
 }

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: none ;
}
		

merci