Не могу понять в чем проблема с меню в css.Вылезает черная точка слева от меню

На странице в строке меню вылезает черная точка. При адаптиве их становится больше в следствии большего количества колонок.

a {    text-decoration: none; /*убираем подчеркивание текста ссылок*/
  background:#f1f1f1; /*добавляем фон к пункту меню*/
  color:#000000; /*меняем цвет ссылок*/
  padding: 0px 17px; /*добавляем отступ*/
  font-family: 'Montserrat'; /*меняем шрифт*/
  font-size: 1vw;
  line-height:3.1vw; /*ровняем меню по вертикали*/
  display: block; 
  -moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;
  align-items: center;
}
a:hover {
  background:#2e2d2d;/*добавляем эффект при наведении*/
} 
li {
  float: right;/*Размещаем список горизонтально для реализации меню*/
  position: var(--container-pidding); /*задаем позицию для позиционирования*/
}
     
    /*Стили для скрытого выпадающего меню*/
    li > ul {
        position:absolute;
        top:25px;
        display:none;   
        padding: 0px;
    }
     
    /*Делаем скрытую часть видимой*/
    li:hover > ul {
        display:block; 
        width:15vw;  /*Задаем ширину выпадающего меню*/
        padding-top: 0.7vw;   
           
    }
   li:hover > ul > li {
        float:none; /*Убираем горизонтальное позиционирование*/
    }