PHP recursive fonksiyon ve css

<ul id="nav" class="dropdown dropdown-vertical">
<li><a href="./">Home</a></li>
<li class="dir">About Us
<ul>
<li><a href="./">History</a></li>
<li class="dir"><a href="./">The Team</a>
<ul>
<li><a href="./">Brigita</a></li>
</ul>
</li>
<li><a href="./">Clients</a></li>
</ul>
</li>
</ul>

yukarıdaki css yapısını aşağıdaki php fonksiyonuna nasıl uyarlayabiliriz?

<?
function sayfalistesi($sahipid,$onek = 0){
global $blokid;
$sayac=0;
$kayitlar=mysql_query("SELECT * FROM menu WHERE blok='$blokid' AND sahipid=".$sahipid." ORDER BY sira ASC");
$kontrolet=mysql_fetch_row($kayitlar);
if($kontrolet>0){?>
<? do{ ?>
<? //////////////////
$id=mysql_result($kayitlar,$sayac,'id');
$baslik=mysql_result($kayitlar,$sayac,'baslik');
$baslikSEO=turkce($baslik);
$tur=mysql_result($kayitlar,$sayac,'tur');
$bag=mysql_result($kayitlar,$sayac,'bag');
//////////////////?>
<?php echo str_repeat('---', $onek); // bu satır alt linklerin girintisi için?>
<? ////////////////////////////
echo "<li><a href='sayfa-$id-$baslikSEO'><img src='_yonetim/images/li.jpg' border='0' width='8' height='7' /> $baslik</a></li>";
///////////// ?>
<?
sayfalistesi(mysql_result($kayitlar,$sayac,"id"), ($onek+1));
$sayac++;
} //do{
while($sayac<=mysql_fetch_row($kayitlar));?>
<?php } // if($kontrolet>0){
} //function sayfalistesi($sahipid)