I'm having a strange problem with a jumping, floated/positioned div in
IE 6 (and possibly lower). On the page:
(CSS: http://clarkson.edu/projects/nanobird/style.css and
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!
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/