панель навигации разрушена при добавлении кода для дивы в CSS

Question

Ну, у меня было прекрасное меню с помощью этого кода, только о праве с этим кодом в моем CSS файл

ul.Menu { 
list-style-type: none; 
margin: 10px; 
overflow: hidden; 
background-color: #ffffff; 
border-style: solid; 
border-color: #e9055c; 
border-width: 2px; 
font-weight: bold; 
font-family: arial, sans-serif; 
text-align: center; 
margin: 0 auto; 
} 

ul.Menu li{ 
    border-right: 1px solid #e9055c; 
    display: inline-block; 
} 

ul.Menu li a { 
    display:block; 
    color: #e9055c; 
    text-align: center; 
    padding: 14px 16px; 
    text-decoration: none; 
} 

ul.Menu li a:hover { 
    background-color: #f6b0ce; 
} 

ul.Menu li:last-child { 
    border-right: none; 
} 

но потом я добавил это в моем CSS -код создать адаптивный баннер через диву в верхней части моего сайта:

.wrapper { 
width: 100%; 
overflow: hidden; 
} 

.container { 
    width: 100%; 
    margin: 0 auto; 
} 

.banner-img { 
    width: 100%; 
} 

и теперь мое меню выглядит как this- полностью дерьмовым слишком много пространства над пунктами меню ...

Я уже выяснил, что он меняется, когда я меняю настройки заполнения на ul.Menu li a, но я не могу понять это правильно только с этими ... Можете ли вы, пожалуйста, помочь мне ? :)

Answer 1

Вы написали имущество margin дважды. Удалите стиль margin : 0px с ul.Menu, это вызывает проблему.