我的网站导航菜单,鼠标移上去文字会向上移动,请帮忙看看怎么回事。
如题,我做的这个网站导航条本来是想鼠标移动上去文字是不动的,而且也没有打算让他动。但是实际上却是鼠标移上去文字就动了,不过奇怪的是IE6上面要动,FIREFOX上面却正常,请懂的人帮忙看看是怎么回事。谢谢。
测试网址:http://skivet.cn/teach/
------解决方案--------------------我这里看的很正常啊,我装的是IE7,不知道是不是IE6的问题
------解决方案--------------------hover太多了,精减一下吧!
.menu ul li a, .menu ul li a:visited {float:left;display:block;text-decoration:none;color:#000000;width:auto;height:23px;padding:0px 16px 0px 16px;line-height:23px;text-transform:uppercase;}
* html .menu ul li a, .menu ul li a:visited {width:auto;w\idth:auto;}
/*hide sub nav items*/
.menu ul li ul {display:none;}
/*style for table of sub nav items*/
.tablex {margin:-1px;border-collapse:collapse;font-size:11px;}
/*specific to non IE browsers*/
/*main nav over state*/
.menu ul li:hover a {color:#000;background: url(img/bgON.gif) top left repeat-x;}
/*show drop-down list*/
.menu ul li:hover ul {display:block;position:absolute;top:22px;margin-top:1px;left:0;width:100%;border-top:1px solid #fff;}
/*drop-down on state*/
.menu ul li:hover ul li a {display:block;background:#E6E6E6;color:#000000;height:auto;line-height:15px;padding:2px 15px 2px 15px;width:120px;border-bottom:1px solid #fff;}
/*sub drop-down over state*/
.menu ul li:hover ul li a:hover {background:#C9D2DF;color:#000;}
------解决方案--------------------1280×1024下导航移位了