IE6 and inline-block bug fixes

I’ve been having trouble with some very odd positioning/peek-a-boo problems with IE6 and have found that adding display:inline-block; to the offending element seems to solve all these issues. I assume it is due to the hasLayout property that the lovely developers at Internet Explorer decide to throw in but I want to know why it does this.

If you know, please get in touch.

In the meantime there is more on the peek-a-boo bug at Position is Everything and this article “on Having Layout at“ which I’m sure has all the answers but time is short so just time to bookmark and look on Later.

Addendum @ 1820hrs It would appear this works for IE7 too as a trigger for hasLayout with no (apparent) side effects. Or so say