IE Ordered List Count and hasLayout 2007-04-22 19:16
Working on Uni-Form today I have discovered a bug in IE I haven’t seen yet, and it’s pretty interesting shitty behavior we all are already used to from this browser. Definitely broke the monotony of this Sunday afternoon.
So What’s the Deal?
I was adding some more functionality to Uni-Form with adding markup for error display, and I have an ordered list that lists (well, obviously) the errors that need to be fixed. I have styled it like so (among other styles):
.uniForm #errorMsg ol li{
margin:0; padding:2px;
list-style-position:inside;
border-bottom:1px dotted #df7d7d;
}
That’s all sweet but IE didn’t want to play ball and display the bottom border declared in the last line. I went ahead and added zoom:1; to trigger hasLayout for the list item as I usually do, and the damn thing reset the list item counter because of it!
Unfortunately IE7 also suffers from this bug, but it is possible to go around it (for both IE6 and IE7) by forcing hasLayot via position:relative;. So there ya go, I don’t know if this is documented yet or not, so if you know anybody who might do something about this please do pass it along. :)
2007-04-22 19:16; No comments yet
