推荐css打造经典鼠标触发显示选项

看到了分享：绝对经典的滑轮新闻显示（javascript+css）这个帖子，都是css+js的控制经典，其实单css就可以搞定了，只不过是为了兼容那垃圾的 IE 才不得做个js ，
以下的代码如果去掉js部分地话，在Opear和Firrfox都能正常的，但是IE下就不行了。
大家有兴趣的可以测试一下。也希望能帮到有需要的人。

<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="zh-CN" /> <title>css打造鼠标触发效果</title> <meta content="all" name="robots" /><meta name="author" content="yyt_by@163.com,huanghai,www.hppd.cn 友情制作" /> <meta name="copyright" content="hppd" /> <meta name="description" content="hppd,prettydog,honeypig,web设计,交互设计,prettydog" /> <meta name="keywords" content="f2blog,phpblog,blog,php,xhtml,css,design,w3c,w3,w3cn,hppd,prettydog,honeypig,web设计,交互设计,prettydog" /> <style type="text/css"></style> <script type="text/javascript"> <！[CDATA[//> <！]]> </script> </head> <body><form action="/search.html" method="get" name="searchForm" id="searchForm" onsubmit="return check（）"> <ul id="searchNav"> <li id="conter1"><h2>找什么</h2><input id="jobKw" name="jobKw" type="text"/><ul id="conter3"><li>会计 </li><li>网页设计</li><li>翻译</li><li>家教</li><li><span class="moreCity">更多>> </span></li></ul> </li><li id="conter2"><h2>在那里</h2><input id="cityKw" name="cityKw" type="text"/><ul id="conter4"><li>北京 </li><li>上海</li><li>广州</li><li>深圳</li><li>南京</li><li>天津</li><li>杭州</li><li>成都</li><li>重庆</li><li>武汉</li><li>西安</li><li>沈阳</li><li><span class="moreCity">更多城市>></span></li></ul> </li> </ul> <input name="submit" type="submit" class="btn4" style="margin:0px 15px 2px 0;" value="搜索工作" /> 高级搜索分类搜索 </form> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]