Ok folks, I'm a bit stuck. If you view this site using any normal modern standards complaint browser, it'll render properly. If you use Internet Explorer, it won't. I believe my CSS stylesheet to be valid and correct, I believe Internet Explorer to be rubbish.

In browsers I've tried except IE, the width of the dark gray line between the main section and the left hand links section should be the same as the height of the other gray lines throughout the layout. The links column has it's own div, as do the body. To get a consistent effect regardless of which of the two columns is longer, the links column has a right-hand border to provide the gray line whilst the main body column has a left-hand border to achieve the same - the two borders should overlap. In IE, it decides to ignore the explicit 240px left-hand start point for the main body and makes it effectively 260px - so the border appears twice a wide.

In other stylesheets I've seen (noteably here) small workarounds have been required within stylesheets to get around the crapness of IE. But I'm stuck. Can anyone in the know make any useful suggestions to try? I can cope with visitors using a crap browser to view my site, but I can't cope with it looking crap.