I have a navigation div positioned to relative with it's ul positioned to absolute -97px, so that it appears 97 pixels above the navigation div's box.

a elements within the ul are floated left, but the ul inlcudes clear and overflow declarations to clear the floats.

This works in every browser except IE7, which gets the position of the first navigation link correct, but subsequently drops each following navigation link what looks like 30 pixels, so that the navigation links form a diagonal.

Is there a known correction for this kind of display bug?

2 answers

1
point
This was chosen as the best answer

It looks like the LI-element in IE7 is displayed as a block and therefore i stretching across the page (it it's original height). Try floating them to the left?

This is makes it float-wrap around it's content.

Answered over 7 years ago by Jens Hedqvist
  • Ed. Using IE Developer Toolbar it seems to work. Jens Hedqvist over 7 years ago
  • Perfect, thanks! John Stephens over 7 years ago
0
points

The beautiful navigation is now online-- thanks, again!

Answered over 7 years ago by John Stephens