Hi list! I'm having a strange problem with a jumping, floated/positioned div in IE 6 (and possibly lower). On the page:
http://clarkson.edu/projects/nanobird/3.4.php (CSS: http://clarkson.edu/projects/nanobird/style.css and http://clarkson.edu/projects/nanobird/style_ie55.css) the "Section Progress" box in the upper right-hand side (id="nav-progress-container-a") doesn't like to play nicely like in Safari and Firefox. When I just use the normal "style.css" styles, IE6 places the nav-progress-container-a div off the right side of the page, even with the top of the navbar instead of placing it directly underneath. I found a fix that I thought was working by positioning it absolutely with right: 0 (done in the style_ie55.css sheet). However, then I noticed that the box is initially drawn covering the search bar (the bottom half of the navbar) and only when the page is resized or one of the links are rolled over does it jump down to its proper home. I thought it might be a hasLayout issue so I added "zoom: 1;" to everything I could think of, but that didn't seem to do anything. The div already has layout (seen through the IE DOM Toolbar). Can anyone help me with this, or suggest a better way of getting the box to stay just below the navbar? Thanks! --Peter Bird-- ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
