Javascript IE7-jquery addClass()中断浮动元素

Javascript IE7-jquery addClass()中断浮动元素,javascript,jquery,css,internet-explorer-7,css-float,Javascript,Jquery,Css,Internet Explorer 7,Css Float,我有一个nav,当鼠标滚动到一个项目上时,它使用addClass('hover')。除了在IE7中使用float:left调用addClass函数时,每个元素都停止浮动,页面完全失去结构,这一切都可以正常工作 这是我的JS: _this.position_sub_menus = function(){ $('#header #nav > ul > li').mouseenter( function(e){ pos = $(this).offset();

我有一个nav,当鼠标滚动到一个项目上时,它使用addClass('hover')。除了在IE7中使用
float:left
调用addClass函数时,每个元素都停止浮动,页面完全失去结构,这一切都可以正常工作

这是我的JS:

_this.position_sub_menus = function(){
  $('#header #nav > ul > li').mouseenter(
    function(e){
     pos = $(this).offset();
     height = $(this).height();
     lvl2 = '#' + $(this).attr('id') + '-submenu'; 
      if( $(this).position().left > ($('#nav').width()/2)){
       pos.left = pos.left - $(lvl2).width() + $(this).width();
      }
     $(this).addClass('hover');
     $(lvl2).show();
     $(lvl2).css( { 'left' : (pos.left - 12) + 'px', 'top' : pos.top + height + 'px'});
    }
   );
这是断开的元素的CSS:

display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
position: relative;
这是960网格系统的CSS

当我注释掉
$(this.addClass('hover')行浮动元素不会中断

有人熟悉这个IE7问题吗


谢谢大家

雷克斯·M可能在这里有所发现。如果悬停类添加任何填充、边距、填充或更改元素的宽度,则会使元素过大。有时,这些可能发生在IE中,因为。在960gs中,如果元素太长,则它们将转到下一行


如果这没有帮助,你能给我们一个例子的链接吗?

Rex M可能在这里找到了一些东西。如果悬停类添加任何填充、边距、填充或更改元素的宽度,则会使元素过大。有时,这些可能发生在IE中,因为。在960gs中,如果元素太长,则它们将转到下一行


如果这没有帮助,你能给我们一个例子的链接吗?

什么是悬停类?什么是悬停类?是的,宽度+填充+边距加起来不合适。我只需要稍微改变一些内容的宽度就可以了。谢谢是的,宽度+填充+边距加起来不合适。我只需要稍微改变一些内容的宽度就可以了。谢谢