Firebug has shown me that is taking my code which looks something like this..
Code HTML4Strict:<ul> <li>Content</li> <li>Example</li> <li>More Text</li> <ul> <li>Child #1</li> <li>More Text Again</li> <li>Why More Text</li> </ul> <li>I'm Out of Ideas</li> </ul>
And doing this to it...
Code HTML4Strict:<ul> <li>Content</li> <li>Example</li> <li>More Text <ul> <li>Child #1</li> <li>More Text Again</li> <li>Why More Text</li> </ul> </li> <li>I'm Out of Ideas</li> </ul>
In case you can't spot the difference, it's taking my nested <ul> located outside any <li> elements, and putting it into the closest previous <li> element. How am I meant to produce solid CSS when IE is screwing with the structure of my HTML.
Fingers crossed Microsoft's 8th attempt isn't as absolutely stuffed as the 7 previous versions. It's been a while since I've had to port a technically tricky photoshop design over to html/css. I had forgotten just how many rendering bugs there are in IE. So much so, that when a layout is almost pixel perfect with other browsers like firefox/chrome/opera, I don't want to do anything else in fear that I'll turn everything into a birds nest.
We'll all look back at these days in 6 - 10 years time and wonder how we ever coped. Like I wonder how I would ever live without a computer.
I just wanted to get a little bit of this off of my chest. Please feel free to vent your disrespect for IE below.