unordered list image inline help

For some reason I can’t seem to get the images to line up side by side. The normal trick of display: inline; isn’t working for me. Maybe it has something to do with my php query? :/ I have no idea. *sigh*

code:

<div id="recent-content">
	<ul class="recent-projects">
            	<li>
<?php
// this is where the Features module begins
query_posts('showposts=6&cat=3'); ?>
<?php while (have_posts()) : the_post(); ?>
<div class="thumbnails"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><img src="<?php echo get_option('home'); ?>/wp-content/<?php
// this is where the custom field prints images for each Feature
$values = get_post_custom_values("Thumb"); echo $values[0]; ?>" alt="" /></a>
</div>
<?php endwhile; ?>
            	</li>
          </ul>
</div>

CSS:

.recent-projects {
	height: 222px;
	width: 780px;
	list-style: none;
}

.recent-projects ul{
}

.recent-projects li{
	display: inline;
}