Hi,

I have had a suckerfish drop down on my site for awhile, we are adding
some new interactive pages that are not live, that jump vertically in
IE6 and IE7 ever so slightly.  What is live now jumps a bit
horizontally but not vertically.  Is there any fix for this?

 The only difference between between these and the new pages are that
the live pages are relatively static, but the new pages are highly
interactive with a multiple of if then statements, going back to the
database

This is a sample page what is live :  http://www-odi.nhtsa.dot.gov/ewr/xls.cfm.
This is the javascript https://www-odi.nhtsa.dot.gov/includes/cssdropdown.js


Here are the styles I used:
/*ewr navigation dropdown menus*/
/*outershell to deal with IE6 and IE7 issues*/
#ewrmenu2 { width: 98%; /*background-color:#66FFFF;*/ float: left;
display:block; clear:both; border-bottom: 1px solid #999999;
margin-bottom: -.06em; padding-bottom: 1em;}


/*actual navigation styles*/
#nav, #nav ul { /* all lists */
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 1;
        font-weight: bold;
}

#nav a {
        display: block;
        width: 10em;
        
        text-decoration:none;
        
}

#nav li { /* all list items */
        float: left;
        width: 10em; /* width needed or else Opera goes nuts */
        background-color:/*#eeeeff;*/#333333;
        background-image:url(../images/EWRNavArrow.gif);
        background-repeat: no-repeat;
        background-position: right center;      
        margin: .19em .19em -.35em .6em;
        padding: .25em .25em .25em .35em;
        color: #FFFFFF;
        /*border:#FF3333 solid 1px;*/

        
}


#nav li ul { /* second-level lists */
        position: absolute;
margin: .15em 0 0 -.25em;
        background-color:#FFFFFF;
        width:8.2em;
        left: -999em; /*using left instead of display to hide menus because
display: none isn't read by screen readers */
border:#333333 solid 1px;

}


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered
list items */
        left: auto; font-size: 1.27em;
        
}

#nav li ul li {background:none;   background-image:none;
border-top:none; margin:.25em 0 0 0; padding:.25em; }


#nav li ul li a {font-weight: normal;border-bottom: 1px solid #999999;
padding-bottom: .25em;  }


Thank you in advance.

Nancy
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to