html5 - Footer separated from other content -

So I have not set the margin on the section before the footer, but somehow it is different and I do not know why Is there any remedy? Thanks!

html:

  & lt; Section & gt; & Lt; Div class = "content" & gt; & Lt; / Div & gt; & Lt; / Section & gt; & Lt; Footer & gt; & Lt; Div id = "footer" & gt; & Lt; / Div & gt; & Lt; / Footer & gt;   
 and CSS:  
  .content {background-image: linear-gradient (below, RGB (135,127,127) 0%, RGB (37,37, 35) 69%); Background image: -o-linear-shield (below, RGB (135,127,127) 0%, RGB (37,37,35) 69%); Background image: -Mo-linear-shield (below, RGB (135,127,127) 0%, RGB (37,37,35) 69%); Background image: -webkit-linear-shield (below, RGB (135,127,127) 0%, RGB (37,37,35) 69%); Background image: -MMS-linear-gradient (below, RGB (135,127,127) 0%, RGB (37,37,35) 69%); Background image: -Winkit-gradient (linear, left bottom, left top, color-stop (0, RGB (135127127)), color-stop (0.6 9, RGB (37,37,35))  < / Ex> 
);  
  #footer {background: url (picture / footer) left top header; Height: 450px; }    
 
 
 Trying to apply a CSS reset before doing any of your styling Do: