Slidetoggle + JQuery + IE 7 = Bug!

I came across an annoying JQuery issue when using the most excellent .slideToggle() method. The issue is that when implemented in IE 7 the text that is being hidden will indent, see this link for more details.

Being intrepid and not liking the height:101% work around, it made the slide closed animation uneven, I used a much more nefarious technique. In my configuration, I am making a summary show/hide and an expanded version show/hide. To work around the slideToggle issue I set min-height on the smaller div (summary) to 0px and height 100% on the larger div (expanded). It works like a charm.

YMMV but this is how I fixed it for the browsers that matter to me.