IE relative/hidden bug

My testing shows this bug is present in IE6 and IE7.

Read the full post on this problem

Example broken

UL with hidden element directly before it (lorem ipsum text) - normally this would be 'Navigation' in an H2 to allow screen readers to indicate the start of the nav. As the element is directly before, and the text hidden is long, it disables all the unselected elements in the UL.

Example fixed

In this example we've moved the hidden H2 outside of the DIV containing the UL and all the UL elements work correctly again.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.