siarp.de

As usual with browser bugs and hacks this took me a while to find out.

I have an unordered list with complex items like floats and stuff. This list is supposed to hide when I click on a button by slowly decreasing its height. I use jQuery's slideToggle for that.

Problem: In Internet Explorer 6 the content (or parts of it) is hidden after the list is shown (slid down).

The only thing I found was a blog post saying you shouldn't use any positioning there. I didn't. Well, I thought I didn't…

For this project I use YAML, a CSS framework and YAML sets all lists to position: relative for IE6 (iehacks.css):

Overriding this for my sliding list solves the problem.