Postagens lado a lado na página inicial

Bom, eu estou com um problema em meu blog (www.maistec.com) que eu quero que os posts na página inicial fiquem divididos por categorias em “tabelas” de 2 x 2 (total de 4 posts por categoria).

Bom, eu desenvolvi o código que eu quero que mostre, mas ele fica um abaixo do outro em sequência.

<?php $at_options = get_option('at_options'); ?>

<?php $recent = new WP_Query("cat=0&showposts=4"); while($recent->have_posts()) : $recent->the_post();?>

<div style="width: 300px; position: relative; padding: 0px 10px 40px 0px;">

  <div class="entry-thumbnail">
    	<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >
			<?php the_post_thumbnail( 'thumb-medium' ); ?>
		</a>
    </div>

    <div>
    	<div style="color: #F00; font-size: 12px; font-weight: bold; text-align: justify;>
        	<a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
        </div>
        <div style="color: #666; font-style: italic; font-size: 9px;">
        	<em><?php the_time('d/m/Y') ?> - <?php the_author() ?></em> - <?php comments_popup_link('Sem Comentários', '1 Comentário', '% Comentários', '', ''); ?>
        </div>
    </div>

</div>

<?php endwhile; ?>

Lembrando que eu quero isso apenas na página inicial do blog, quando acessar ?cat=id quero que fique do jeito que está.