ul{
display: table;
margin-left: auto;
margin-right: auto;
padding: 0px;
list-style: none;
ul li {
position: relative;
float: left;
width: 200px;
height: 40px;
background-color: rgb(238,96,0);
opacity: .10s;
line-height: 40px;
text-align: center;
font-size: 17px;
margin-left: 2px;
}
ul li a{
text-decoration: none;
color: white;
display: block;
}
ul li a:hover {
background-color: rgb(0,0,0);
}
ul li ul li{
top: 25px;
left: 0;
display: none;
}
ul li:hover ul li{
display: block;
Já olhou se esse ‘line-height: 40px;’ está atrapalhando? ou se a sua li está com alguma borda?
1 curtida
não está não, estava funcionando normal mais ficou assim depois que usei a tag para o sub-menu ficar por cima da imagem
consegui já vlw