I have been playing around trying to teach myself some CSS.
One such page is:
Mozilla seems to render this page how I want it to. However I.E.6 shifts the Leftmenu <div> too far to the left. It doesn't shift the Mainbodycutoutleft <div> too far left in the same way; which has confused me.
I have spent some time going round in circles and the CSS is probably not the tidiest in the world, but I would appreciate if anyone can point out what is going wrong.
I noticed that, in IE, the element with a negative margin that did work was an inline element, wheras the element that did work was (rightly as far as I could see - being a box with a menu in it) a block level element.
I altered the style sheet so both elements are inline elements and now, even though IE seems to get the box widths wrong at least they line up.
I'll have to look out for negative margins on inline elements.