html - How do I fix ie 6 hover? -
this code menu:
/*menu*/ #menu { text-align: right; margin-left: auto; margin-right: auto; height: 50px; position: relative; z-index: 5; font-size: 0.75em; } #menu ul { margin: 0; padding: 10px 5px 5px 5px; list-style: none; line-height: normal; border: 0px solid #03426a; -moz-border-radius: 6px; background: #f3f4ff; position:relative; width: auto; float:right; } #menu ul li { float: left; } #menu li ul { display: none; } #menu ul li { display: block; text-decoration: none; color: #000; display: block; padding: 0px 15px 5px 15px; text-decoration: none; text-align: center; font-size: 1em; font-weight: normal; border: none; } #menu ul li a:hover { color: #0a67a3; } #menu li:hover ul { display: block; position: absolute; } #menu li:hover li { float: none; font-size: 0.9em; } #menu li:hover { color: #0a67a3; } #menu li:hover li a:hover { color: #000; } /*end menu*/
i have tried 2 tutorials have not found way of making menu work in ie 5.5 or 6. how can fix this?
ie 5.5? really... wow feel sorry if need still compatible far...legacy corporate app suppose? damn!!
ie6 understands :hover
<a>
elements that's sure. can try solution given here uses htc file create new css behavior: http://www.xs4all.nl/~peterned/csshover.html
Comments
Post a Comment