Creating additional .hpleft and .hpright - NOT WORKING RIGHT

[lancetylerphotos]

here is the code....

<div class="homeleft">

<div class="homeblock">

<h3><?php echo cat_id_to_name(get_theme_mod('featured_top_left')) ; ?></h3>

<?php $recent = new WP_Query("cat=Rookies&showposts=5"); while($recent->have_posts()) : $recent->the_post();?>
<?php sp_post_thumb($post, 'featured_top_left'); ?>




<p><strong><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></strong></p>
<?php the_content_limit(80, ""); ?>

<hr/>

<?php endwhile; ?>

<strong><a href="URL GOES HERE">More Posts From Rookies</a></strong>

</div>

</div>

<div class="homeright">

<div class="homeblock">

<h3><?php echo cat_id_to_name(get_theme_mod('featured_top_right') ); ?></h3>

<?php $recent = new WP_Query("cat=Photographers&showposts=5"); while($recent->have_posts()) : $recent->the_post();?>
<?php sp_post_thumb($post, 'featured_top_right'); ?>




<p><strong><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></strong></p>
<?php the_content_limit(80, ""); ?>

<hr/>

<?php endwhile; ?>

<strong><a href="URL GOES HERE">More Posts From Photographers</a></strong>

</div>

</div>

<div class="clear"></div>