Пробел между двумя тегами Div

Question

Я работал над небольшой формой блога, но у меня были проблемы с моими тегами Div. Всякий раз, когда я создаю второй тег div для хранения Формы, между ним и предыдущим тегом Div появляется пробел. Что-то не так с моим 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; 
} 

Вот что держит на происходящее: http://i40.tinypic.com/j623i8.jpg

Answer 1

две вещи:

1) Судя по изображению (при условии, что 100 размер%, и какие элементы ваш заголовок , и т. д.), ваш заголовок фона составляет всего ~ 50 пикселей. Однако вы определяете высоту как 124px в вашем CSS. Вы не можете растянуть фоновое изображение с помощью CSS (насколько мне известно), поэтому изображение не будет заполнять размер элемента.

2) В своем заявлении для #new-form добавьте устройство в width. В противном случае он не будет работать так, как ожидалось, и вы также получите ошибку парсера.