新着記事一覧の横にカテゴリーアイコンをつけたい

質問失礼します。

個別ページに下記のソースをいれて新着記事の一覧を表示させました。

<?php
$lastposts = get_posts('numberposts=5');
foreach($lastposts as $post) :
    setup_postdata($post);
 ?>
<li><?php the_time('Y年m月d日'); ?>&nbsp;&nbsp;| &nbsp;&nbsp;<a href="<?php the_permalink(); ?>" id="post-<?php the_ID(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>

これだと、全カテゴリーが一緒に表示され、

“2010年○月○日　｜　記事のタイトル”

のように表示されますが、

“2010年○月○日　（ここにカテゴリーごとの画像アイコン）　記事のタイトル”

のように記事一覧タイトルの中にその記事のカテゴリーもわかるように
そのカテゴリーごとの画像アイコンを自動で表示させたいときには
どうしたらよいのでしょうか？

やりたいことの例を画像でつくってみました↓
http://blog-imgs-38.fc2.com/w/e/t/wetz/ex.gif

さらに応用で下記のようにして

<?php $my_query = new WP_Query('cat=1'); ?>
<?php if ($my_query->have_posts()) : ?>
    <?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
<li><?php the_time('Y年m月d日'); ?>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="<?php the_permalink(); ?>" id="post-<?php the_ID(); ?>"><?php the_title(); ?></a></li>
    <?php endwhile; ?>
<?php endif; ?>

同カテゴリーだけの新着一覧も表示させているのですが
これにも子カテゴリーが何なのかわかるように
同様の処置をとりたいと考えています。

どなたか是非ご教授ください。