As much as some people will say I've chickened out, but I have removed the javascript I mentioned before. I decided to stick to pure browser implementations. Gecko1.8 has css3 columns, altough they are are implemented as -moz- properties. So I've come up with the following stylesheet:

div.main div.node div.content {
   -moz-column-count: 2;
   -moz-column-gap: 1empx;
   -moz-column-width: auto;
   -moz-column-rule: 1px dotted #ccf;
   column-count: 2;
   column-gap: 10px;
   column-width: auto;
   column-rule: 1px dotted #ccf;
}

If a browser happens to implement the proper css3 properties, it will display it, otherwise work with mozilla. At least I hope so.

What I can notice at the moment is that column-rule is not yet implemented. Which is apity, although it is not crucial, for the 'initial' intended purpose.

Another feature, inconvenience or possibly bug (I haven't studied the standard properly) is how does it treat iframes with explicitly set width bigger than the column width, and probably other similar types of tags, like image, etc... I had to use "width:100%;" for the iframe tag to fit the presentation on Drupal package management presentation into the column, otherwise it was covering the text. I'm not sure what should be the default z-index in this case. Nevertheless the width property of the tag behaves as expected, so it was an easy fix of that node. But how can I increase the height, proportionately to the width in css? Can I do that at all?

So kids, if you want to see this site the way it was intended to be seen, use a css3 enabled browser.