Comment se débarrasser de ce ruban blanc entre DIVs?

Question

Je suis actuellement de la difficulté à se débarrasser d'un ruban blanc ...

Voici un exemple de page: http://m.stackoverflow.quickmediasolutions.com/view_question.php?id=97969&site=serverfault

Comme vous pouvez le voir, les réponses ont un ruban blanc en peluche entre le haut de la 'bouton' et le contenu.

Voici une partie pertinente:

<!-- this is the top of the 'button' --> 
<div class='top'></div> 

<!-- right here is where the space is --> 
<div class='content'></div> 

.top { 
    height: 5px; 
} 
.content { 
    display: block; 
    padding-left: 10px; 
} 

Edit: ce problème est résolu maintenant et je vais accepter la réponse ci-dessous sous peu.

Answer 1

Cela ressemble à la marge native de l'élément <p> a:

.question p { margin: 0 } 

Une astuce utile ici pour utiliser un CSS-Reset, il élimine la plupart de ces bizarreries et des problèmes de compatibilité entre les navigateurs.

Answer 2

Vous savez, vous seriez surpris de la fréquence à laquelle les espaces sont interrompus. J'ai découvert à la dure.

Juste pour $ hits et fou rire écrivent ensemble et voir ce qui se passe:

<div class='top'></div><div class='content'></div> 

et bien sûr, je voudrais vous assurer que votre css vous définissez margin:0px; pour les deux divs