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

Popular posts from this blog

windows - Single EXE to Install Python Standalone Executable for Easy Distribution -

c# - Access objects in UserControl from MainWindow in WPF -

javascript - How to name a jQuery function to make a browser's back button work? -