WordPress Francophone

Bonjour,

Ma configuration WP actuelle
- Version de WordPress : 2.5.1
- Thème utilisé : Design perso.
- Plugins en place : Pages, archives, catégories, Google AdSense
- Nom de l'hebergeur : ovh
- Adresse du site : /

Problème(s) rencontré(s) :
Petit problème de css donc, pour l'affichage du content.

Voici mon code d'affichage du content:

<ul>
            <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
            <li class="post" id="post-<?php the_ID(); ?>">
                <ul>
                    <li class="postitre"><h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2></li>
                    <li class="postcontent"><?php the_content(); ?></li>
                    <li class="postmeta">hi</li>
                </ul>
            </li>
        <?php endwhile; ?>
</ul>

et voici le code CSS:

.post {
    background-image:url("img/toppost.gif");
    width:550px;
    height:64px;
    list-style-type: none;
    }
    .postitre {
        padding-top:25px;
        padding-left:6px;
        color:#8F8F8F;
        list-style-type: none;
        }
    .postcontent {
        background-image:url("img/midpost.gif");
        background-repeat:repeat-y;   
        padding-left:7px;
        padding-right:6px;
        list-style-type: none;
        }
    .postmeta {
        background-image:url("img/bottompost.gif");
        height:30px;
        list-style-type: none;
        }

et voilà ce que ça donne au final:



J'ai peut-être loupé un truc, mais ça fait 4/5h que je cherche. Impossible de "séparer" les bulles (class post).
Une idée ?