Hi All,
I have an issue with IE with my ul li a hover effect. When I hover over the hyperlinks, they move up a little bit and not sure how to fix it. I changed the hover effect to not include the ‘a’ tag, but chrome won’t display the hover background.
Here is the code:
.submenu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.submenu ul li {
height: auto;
width: 170px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
border-bottom-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #000;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #000;
}
.submenu ul li a {
display: block;
color: #000;
text-decoration: none;
margin: 0px;
padding: 0px;
}
.submenu ul li a:hover {
background-color: #FFC;
display: block;
width: 170px;
margin: 0px;
padding: 0px;
}