html - Only Internet Explorer shows 1px unwanted space -

When opening a site in IE, unwanted 1px space occurs under the footer Chrome and Firefox looks just like I want I mean (this means margin-down: 0).

The same bug appears while hovering the navigation item 1px is the visible location again, only IE.

I would like to know why this is happening.

  * {padding: 0; Margin: 0; } Header {Background: Brown; Height: 100 pixels; Width: Auto; Minimum width: 1200px; Margin-left: 0; Margin-right: 0; Padding-left: 0; Padding-right: 0; } H1 {color: white; Font-family: calibri; Text align: center; Padding-top: 25px ;; Padding-left: 10px; } Nav (minimum-width: 1200px;) Nav ul {background: gray; Text align: center; -WebKit-box-shadow: -1px 3px 5px 0px RGBA (0,0,0,0.//.75.75) ; -Move-box-shadow: -1px 3px 5px 0px RGBA (0,0,0,0.Q.75); Box-shadow: -1px 3px 5px 0px RGBA (0,0,0,0.75);} Nav Ul li {list-style-type: none; display: inline-block; padding: 20px;} Neowala ul li {text-decoration: none; white color; padding: 20px; font-family: vardana;} nal Lee Lee: Hover {background: black; cursor: indicator;} section {p} Landfill: Dark; Height: 200 pixels width: 500px; margin-top: 20px; margin-left: 15px;} article {background: gold; height: 800px; width: 500px; margin-top: 10px; margins Left: 15px;} one side {background: orange; height: 1010px; width: 600px; right boat; margin-top: -1010px; margin-right: 20px;} Div # content {background: none; width: 1200px ; Margin: Auto;} P {text-align: center;} P # cider, # chart, # section {padding-top: 20px; padding- Classes: 20px;} footer {background: Brown; Height: 40px; Width: Auto; Margin-top: 20px; Margin-down: 0; } P # credit {font-size: 15px; Font-family: Vardana; Swim left; Margin-top: 10px; Margin-left: 15px; } P # Logo {font-size: 15px; Font-family: Vardana; float right; Margin-top: 10px; Margin-right: 15px; font-weight: bold; } #logoname {heigh: 200px; Width: 200px; Margins: Auto; Status: Relative; Left: -40px; Top: -40px; } Article, section, aside {font-family: verdana; Font-size: 20px; Align text: left; }  

  & lt; Header & gt; & Lt; H1 & gt; Logo image & lt; / H1> & Lt; Div id = "logonam" & gt; & Lt; Img src = "http://www.ssbwiki.com/images/thumb/9/9a/DKSymbol%28preBrawl%29.png/50px-DKSymbol%28preBrawl%29.png" & gt; & Lt; / Div & gt; & Lt; / Header & gt; & Lt; NAV & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; News & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Reference & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Contact & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Neo & gt; & Lt; Div id = "content" & gt; & Lt; Section & gt; & Lt; P & gt; Hello! This is a section and here it will be some beautiful material about these beautiful things. & Lt; / P & gt; & Lt; / Section & gt; & Lt; Articles & gt; & Lt; P & gt; Hello again. This is an article about something new, what can you see recently? & Lt; / P & gt; & Lt; / Article & gt; & Lt; On one hand & gt; & Lt; P id = "sider" & gt; It's a cider, it's on the left side of the website. It's a cider. It's on the left side of the website. It's a cider. It's on the left side of the website. It's a cider. It's on the left side of the website. It's a cider. It's on the left side of the website. It's a cider. It's on the left side of the website. It's a cider. It's on the left side of the website. It's a cider. It's on the left side of the website & lt; / P & gt; & Lt; / One side & gt; & Lt; / Div & gt; & Lt; Footer & gt; & Lt; P id = "credit" & gt; Copyright 2015 | All Rights Reserved & lt; / P & gt; & Lt; P id = "logo" & gt; Logo name & lt; / P & gt; & Lt; / Footer & gt;  

Make sure you have a body Also set the properties for them. Therefore

  body {margin: 0; Padding: 0, Width: 100 VW; Height: 100 vh;}  

IE is an annoying browser that unfortunately many people still use, but in every browser the body has to be set in such a way.