Inspired by the Octupus Engine by Dragon Labs, I created a jQuery plugin that is more flexible. However, it does not work in IE, and I can't figure out why. Please help me fix and improve it in general.
I don't what is going on. It's not the CSS. It's the script. If I add the spans manually, IE displays them right, but it does not display the script generated spans properly. I don't know what's going. I have even tried DOM methods instead of innerHTML, I get the same result. I have used the DebugBar toolbar for IE to look at the DOM, and it is proper. I think it's adding it's own styling. I tried removing padding and border with no luck. I really don't know what's up with IE. Please help.
It looks like it is rendering the next element partially inside the first element. It makes no sense.
I found a hack that makes IE render it properly. I'd love to know of why IE is behaving this way. I don't remember reading about this bug anywhere. Source code updated.