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
a elements within the
ul are floated left, but the
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?
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.