I've got two questions... well one is relevant to the question and one is more of a general discussion point pertaining to IE.I'm designing a sort of replica bundle of the windows controls, one of which is the treeview.It looks OK in all the major browsers, IE8 and above, FF, Opera, Safari and Chrome. As a force of habit I always check the lower versions of IE as well and, surprise surprise, IE7 is sitting in the corner sucking its thumb and holding its blanket. It behaves correctly when I've got the treeview in a left to right layout, but the right to left layout doesn't work in IE7.Here's a JSFiddle so you can see some example (javascript generated) markup and CSS rules.
The right-to-left CSS is on the bottom. I don't really know what it could be that messes it up. My best guess is that IE7 doesn't know what \[code\]right\[/code\] means or that it wants \[code\] \[/code\]. Here's a picture of how it looks in comparison.
What is causing it and why, and how do I fix it?I appreciate any and all feedback on how the markup/CSS is structured, any flaws/changes and optimizations that you can spot are greatly appreciated.As I said in the beginning, I also have a general discussion point pertaining to IE that doesn't have to be answered, but if you have any opinions you can post them along with your answer:
Is it time we, as web developers, stop caring and wasting time over the older versions of IE, or is the demographic percentage still high enough (and not declining rapidly enough) that we shouldn't?
The right-to-left CSS is on the bottom. I don't really know what it could be that messes it up. My best guess is that IE7 doesn't know what \[code\]right\[/code\] means or that it wants \[code\] \[/code\]. Here's a picture of how it looks in comparison.
Is it time we, as web developers, stop caring and wasting time over the older versions of IE, or is the demographic percentage still high enough (and not declining rapidly enough) that we shouldn't?