CSS: Div boîtes se chevauchent les uns les autres et masquer le texte. Comment “effacer”?

J'ai un petit problème avec mon div boîtes que je n'arrive pas à résoudre.

Je suis de la création dynamique de ces div boîtes:

<div id="pagelist">
<div class="pagelist_img"><img src="images/default.gif"></div>
<div class="pagelist_h1">HEADLINE</a></div>
div class="pagelist_excerpt">SUMMARY</div>
</div>

Chaque div box se compose comme illustré d'une image sur le haut, puis le titre et un court résumé de la poste. Maintenant, mon problème, c'est que les cases se chevauchent les uns les autres, mais juste assez pour le résumé de la partie est cachée sous l'image de la div encadré ci-dessous.

D'accord, il peut être un peu déroutant, mais le point de la ligne est, que d'une certaine façon les cases n'est pas séparé, mais sont imbriqués les uns dans les autres.

Mon CSS pour la liste de pages div zone est:

#pagelist{
    float: left;
    width: 280px;
    margin: 0 40px 20px 0;
    position: relative;
    height: 100px;

}

.pagelist_h1 {
    font-size: 1.8em;
    font-weight: bold;
}

.pagelist_img{
    clear:both;
    top: 0px;
    position: relative;
}

.pagelist_excerpt, .pagelist_excerpt p {
    font-size: 1em;
    color: #000000;
    clear:both;
}

J'espère que certains ont une solution ou peut me pointer dans la bonne direction parce que j'ai essayé pendant un certain temps maintenant de le résoudre moi-même, sans aucune chance. Je pensais que c'était juste une question de clear:both tag, mais il n'a rien fait.

Sincère
- Mestika

hey Mestika vérifier votre balisage.. c'est un peu foiré 😉
ouais, retirez le </a> et ajouter un < au début de la 4ème ouverture <div> tag
Quelle est la hauteur de l'image? Je devine que vous êtes débordant la hauteur que vous avez mis sur votre liste de pages.
Hey jswolf, difficile à tenir moi-même de me blesser parce que c'était exactement ce qui n'allait pas avec elle - je ne sais pas ce que je pensais. Merci à tout le monde pour votre aide et pour l'astuce sympa sur clearfix:after, je suis certain que cela va m'aider plus tard.
heureux il a travaillé pour vous ^_^

OriginalL'auteur Mestika | 2011-02-17