Fala Galera!!!

Estou fazendo um site em WORPRESS e utilizando POST_TYPE para puxar três paginas especificas, sendo que eu queria que ela ficasse lado a lado ao invés de uma embaixo da outra como está no site Arte em Bolo que estou fazendo...

Segue o CSS:

#destaques{
   width:900px;
   height: 300px;
}

#paginas-destaque{
   width:284px;
   height:270px;
   margin: 10px 0 0 15px;
   float: left;
}

#paginas-destaque h1 {
   height:35px;
   text-align:center;
   text-align:left;
   font-family: "montserratregular";
   color:#CA278C;
   font-size:20px;
   margin:5px 0 0 0;
}
#paginas-destaque h1 a {
   color:#CA278C;
   text-decoration: none;
}

#paginas-destaque h1 a:hover {
   color:#CA278C;
   text-decoration: underline;
}

#paginas-destaque img{
   width:284px;
   height:109px;
}

#paginas-destaque p{
   height:80px;
   text-align:left;
   color:#000;
   font-size:12px;
}
#paginas-destaque h2{
   height:40px;
   float:right;
   color:#000;
   font-size:12px;
}
#paginas-destaque h2 a{
   color:#000;
   text-decoration: none;
}

#paginas-destaque h2 a:hover{
   color:#000;
   text-decoration: underline;
}

Aqui é o código para puxar as paginas:

<div id="destaques">
<div id="paginas-destaque">
<?php $dest = array (
'post_type' => 'page',
'post__in' => array(139, 141, 147));
query_posts($dest); ?>
<?php if (have_posts()): while (have_posts()) : the_post();?>
<h1><a href="<?php the_Permalink()?>" title="<?php the_title();?>" alt="<?php the_title();?>"><?php the_title();?></a></h1>
<img src="<?=bloginfo('template_url')?>/images/img-box.jpg">
<?php the_excerpt();?>
<h2>[<a href="#">+ DETALHES</a>]</h2>
<?php endwhile; else:?>
<?php endif;?>
</div>
</div>

Espero que ajudem pois já tentei de tudo...

Abs,

BITENCOURT