Разноса приходит автоматически, когда я объявляю любой DIV

Question

Любой section/div/header я декларировать в HTML я получаю 1px от дополнительного расстояния и что вызывает еще один вопрос, когда я hover на любом элементе другого элемента, такие как header начал встряхивание с анимацией. Я попытался *{margin:0 padding: 0, но не решить проблему его уже 2 дня я пытаюсь выяснить, но не может быть, вы, ребята, можете ответить

CSS

 header { 
     position: fixed; 
     top: 0px; 
     width: 100%; 
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); 
     z-index: 9999; 
} 
     header .top-bar { 
     height: 50px; 
     background: #642891; 
} 
     header .top-bar .logo { 
      line-height: 50px; 
} 
     header .top-bar ul { 
      list-style: none; 
} 
      header .top-bar ul li { 
      display: inline-block; 
} 
      header .top-bar ul li a { 
       line-height: 50px; 
       padding: 10px; 
       color: #fff; 
} 
      header .top-bar ul li a:hover { 
       background: rgba(0, 0, 0, 0.2); 
       border-radius: 4px; 
       -webkit-transition: all 0.3s ease; 
       transition: all 0.3s ease; 
} 
     header .navigation { 
     width: 100%; 
     background: #fff; 
} 
     header .navigation ul { 
      list-style: none; 
      position: relative; 
} 
      header .navigation ul.menu > li:hover > a { 
      background: rgba(100, 40, 145, 0.08); 
      color: #642891; 
} 
      header .navigation ul li { 
      display: inline-block; 
} 
      header .navigation ul li a { 
       display: block; 
       font-size: 13px; 
       font-weight: 500; 
       color: #444; 
       padding: 15px; 
} 

Answer 1

Могли вы plz публикуете CSS?
Причиной может быть то, что дочерний элемент .navigation имеет margin-top, который достает контейнер .navigation, поэтому вы должны также проверить их.