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

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 about 8 years ago by Jens Hedqvist
  • Ed. Using IE Developer Toolbar it seems to work. Jens Hedqvist about 8 years ago
  • Perfect, thanks! John Stephens about 8 years ago

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

Answered about 8 years ago by John Stephens