Sayı katlarında problem

Merhaba arkadaşlar, 9'un katlarında <li class="first"> ve 8'in katlarında <li class="last"> yapmak istiyorum ama ikisi çakışıyor sizin bir fikriniz varmı ?

      <?php 
      
      $hayvanlar = mysql_query("select * from hayvanlar order by id DESC"); 
      $kac = 0;
      while($liste = mysql_fetch_array($hayvanlar)){
      $kac++;
      if($kac % 9==0 or $kac=="1"){
      
      echo '
      
      <li class="first"> <a href="#"><img src="'.$liste['resim'].'" alt="" width="98" height="98"/></a> <a href="#">'.$liste['baslik'].'</a></li>';
      }elseif($kac % 8==0 or $kac=="8") {
      echo '
      <li class="last"> <a href="#"><img src="'.$liste['resim'].'" alt="" width="100" height="100"/></a> <a href="#">'.$liste['baslik'].'</a> </li>';
      
      }else {
            echo '
          <li> <a href="#"><img src="'.$liste['resim'].'" alt="" width="98" height="98"/></a> <a href="#">'.$liste['baslik'].'</a> </li>';
      
      }
      
      }
      
      ?>

Sonuç şu şekilde oluyor.

  <li class="first"> <a href="#"><img src="resimler/4572101f57.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a></li>
          <li> <a href="#"><img src="resimler/777125b977.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/e58624e58b.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/12f73080e0.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/01846ae470.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/05311655a1.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/8ceab02fd1.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
      <li class="last"> <a href="#"><img src="resimler/1ac065e393.jpg" alt="" width="100" height="100"/></a> <a href="#">zaa</a> </li>
      
      <li class="first"> <a href="#"><img src="resimler/09d37c08f7.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a></li>
          <li> <a href="#"><img src="resimler/eba793e023.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/1ce4fe0428.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/00755a54ea.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/d5397f1497.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/6a8ceeefa2.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/3765802a80.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
      <li class="last"> <a href="#"><img src="resimler/b95466b8b1.jpg" alt="" width="100" height="100"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/1fd1df658a.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
      
      <li class="first"> <a href="#"><img src="resimler/bb838bff2c.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a></li>
          <li> <a href="#"><img src="resimler/ae696eea53.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/e3c529d024.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/16b0ad329c.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/ad0efad9dd.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/70c8f994a3.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
      <li class="last"> <a href="#"><img src="resimler/977726a65d.jpg" alt="" width="100" height="100"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/f18288b44f.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>
          <li> <a href="#"><img src="resimler/298f95e1bf.jpg" alt="" width="98" height="98"/></a> <a href="#">zaa</a> </li>

İlki düzgün çalışıyor sonrakiler karışıyor.

<?php
$hayvanlar = mysql_query("select * from hayvanlar order by id DESC"); 
$kac = 0;
while($liste = mysql_fetch_array($hayvanlar))
{
    $kac++;
    if($kac==9 or $kac=="1")
    {
        $kac=0;
        echo '<li class="first"> <a href="#"><img src="'.$liste['resim'].'" alt="" width="98" height="98"/></a> <a href="#">'.$liste['baslik'].'</a></li>';
    }
    elseif($kac==8)
    {
        echo '<li class="last"> <a href="#"><img src="'.$liste['resim'].'" alt="" width="100" height="100"/></a> <a href="#">'.$liste['baslik'].'</a> </li>';

    }else {
        echo '<li> <a href="#"><img src="'.$liste['resim'].'" alt="" width="98" height="98"/></a> <a href="#">'.$liste['baslik'].'</a> </li>';

    }

}

?>

Merhaba hocam sizin yaptığınız katlarını kapsamaz sadece 9 ve 8'i kapsar o yüzden kapsama alanını yaptım zaten ben. Sadece çakışmalar yaşıyorum.