html - IE float hover issue -
hello guys) seems have pretty common issue :hover'ing on floated list elements in ie, though didn't find solution far. ie11 + win7. here html...
<!doctype html> ... <ul id="horizontal-menu"> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> </ul>
and have css way...
#horizontal-menu { list-style: none; } #horizontal-menu li { display: inline-block; float: left; margin-left: 3px; } #horizontal-menu li { background-color: green; display: inline-block; float: left; height: 30px; width: 30px; } #horizontal-menu li a:hover, #horizontal-menu li a:active { background-color: red; }
the problem in ie actual :hover area of list item links has strange left margin, , works fine rest of browsers...
though don't have enough reputation post images, here gonna find fast link explanatory drowings...
need advice fellas :/ tnx
...
just used !doctype...
<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd">
didn't solve issue...
...
just removed display:inline-block rule both li , elements... didn't work me
...
removed possible inherited margins , paddings... still same
the issue still exists
remove display:inline-block
rule both li
, a
elements
Comments
Post a Comment