Espace coincé entre deux balises Div

Question

J'ai travaillé sur un petit blog mais j'ai eu des problèmes avec mes balises Div. Chaque fois que je crée une seconde balise div pour contenir le formulaire, un espace est apparu entre elle et la balise Div précédente. Y at-il quelque chose qui ne va pas avec mon CSS?

body { 
background-image: url(../images/body-bg.jpg); 
font-family: arial; 
} 

#header { 
background-image: url(../images/new-post-h.png); 
background-repeat: no-repeat; 
height: 124px; 
width: 850px; 
color: #ffffff; 
margin: 0em 0px; 
} 

#form-bg { 
background-image: url(../images/new-post-b.png); 
background-repeat: no-repeat; 
height: 500px; 
width: 850px; 
padding: 8px; 
margin: 0em 0px; 
} 

#new-form { 
height: 624px; 
width: 850; 
margin-left: auto; 
margin-right: auto; 
} 

Voici ce qui ne cesse de se produire: http://i40.tinypic.com/j623i8.jpg

Answer 1

Deux choses:

1) De l'apparence de votre image (en supposant qu'il est une taille de 100%, et quels éléments sont votre tête , etc.), l'arrière-plan de votre en-tête est seulement ~ 50px. Cependant, vous définissez la hauteur comme 124px dans votre CSS. Vous ne pouvez pas étirer une image d'arrière-plan avec CSS (à ma connaissance) afin que l'image ne remplisse pas la taille de l'élément.

2) Dans votre déclaration pour #new-form, ajoutez une unité à width. Sinon, cela ne fonctionnera pas comme prévu, et vous obtiendrez également une erreur d'analyseur.