This is more of a in-the-heat-of-the-moment post, so I’ll keep it brief. I’m working on my graduate project, AreYouAG33k.com, and I’m attempting to display the FAQ as a structured, ordered, list. The only hiccup is that this list needs to be split between two divs (left and right side of page) and the numbering needs to continue from the left into the right. In the old days, we could just use the start property of the ol tag to reset our counter.  But now we have to rely on confusing and unnecessary css code.  So I began my quest by following this tutorial.

After about 30 minutes of hard-core tweaking, I ended up with the following page (which I was very satisfied with).

Shown in Firefox 3

Shown in Google Chrome

But finally I decided to test it in IE6.  Oh man, big mistake.  I forgot to read the bottom part of the tutorial: “IE 6 completely ignores these rules!”

Now in Internet Explorer 6

30 minutes of my time, right down the drain. Now I have to find some other way of doing it. I’ll take any suggestions!