Besoin d'aide avec les 'padding' et les 'margin'

Bonjour je suis en plein création de site web worpress et j'ai un soucis avec le style css de mes articles, je m'explique :
je n'arrive pas a mettre les 3 articles sur la largeur totale du 'container' j'ai essayé en mettant un 'margin-right' mais cela ne fonctionne pas et de plus il me semble que mon article déborde sur le coté gauche de mon container.

Merci d'avance de votre aide :)

Voici un screen et le code :

Le condage 'Html' dans mon 'index.php' qui se trouve au milieu de ma boucle wordpress :

<div id='post_index'>
                    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >
                    <?php the_post_thumbnail( array(288,180), array( 'class' => 'miniature' , 'alt' => '', 'title' => '')); ?></a>
                    <p><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></p>
                    </div>

Mon code CSS :

/* Article */
.miniature {border-top-right-radius: 5px;
            border-top-left-radius: 5px}
#post_index{
width: 288px;
height: 266px;
background: url(img/article.png);
float: left;
margin: 0 32px 32px 0;
}
#post_index p{
font-color: #f8f8f8;
font-family: "Arial";
font-size: 16px;
text-decoration:none;
font-weight: regular;
padding-left: 10px;
}

Encore merci :)