Fix found for old IE margin bug!

I ran into this problem recently. My code looked something like this::

#leftmenu {
   float:left;
	margin-left:20px;
	width:100px; 
	}

I fixed it by wrapping Leftmenu in a div and floating that instead

#leftmenuContainer {
	float:left;
	}
#leftmenu {
	margin-left:20px;
	width:100px; 
	}

You solution looks much cleaner.

Based on this information, I have also found another answer to the 3px left margin error in IE.
I have posted this here http://www.s7u.co.uk/boxes/floatfix.html

It makes use of the IE 'inline-block' style (yet to be taken up by other browsers) but then, they don't have the float problem

Interesting, Stu! "inline-block;" seems to have the same effect
on IE as "height: 1%;" (in this situation). But IE normally only
supports the inline-block value on spans. I wonder what's
going on?

BTW, Opera does support inline-block on divs, unlike IE.

That's an oxymoron if ever I saw one. Like "Microsoft Works". An inline block? Why not a round square?

Oooooo. :?
I don't think the name has anything to do with Microsoft but is part of CSS2 an CSS3 recommendations.

Oh yeah, just read the CSS2.1 spec... It's still a bizarre name, although makes sense once the definition has been read.

As for Microsoft Works... just the first oxymoron that sprung to mind