Имеется css код, который подчеркивает пункты меню при наведении. НО! При наведении поднимаются сразу ВСЕ пункты меню вверх, как это убрать? Как сделать, что ВСЕ пункты меню НЕ ПОДНИМАЛИСЬ вообще при наведении?
#site-navigation {
float: right;
}
#site-navigation .menu-toggle {
display: none;
}
#site-navigation {
width: auto;
padding: 8px 0;
}
#site-navigation:before {
content: '';
display: block;
}
#site-navigation:after {
content: '';
display: table;
clear: both;
}
#site-navigation ul {
list-style-type: none;
position: relative;
display: block;
font-size: 14px;
margin: 0;
padding: 0;
}
#site-navigation ul:before {
content: '';
display: block;
}
#site-navigation ul:after {
content: '';
display: table;
clear: both;
}
#site-navigation li {
display: block;
float: left;
margin: 0;
padding: 0;
}
#site-navigation li a {
float: left;
text-decoration: none;
height: 24px;
padding: 9px 15px 20px;
font-weight: normal;
}
#site-navigation li:hover,
#site-navigation .active {
text-decoration: none;
border-bottom: 4px solid #2196f3;
}
#site-navigation li:hover a {
color: #fff;
}
#site-navigation .active a {
color: #fff;
font-weight: 700;
}
