高さを揃える

ナレッジの質問で、
メインの記事のところとプラグインの所の高さを揃えるというのがあった。
基本、そういうのってナンセンスな気がする。
どうしてもってなれば、table に放り込んで揃えるのかな？
とか思うが、試しにJavaScript でやってみた。

<div id="M1" class="outer" style="border:solid 1px black;width:200px;margin:5px;">
<div id="L1" class="left" style="border:solid 1px red;width:40%;margin:5px;float:left">
左<br />
１<br />
２<br />
３<br />
</div>
<div id="R1" class="right" style="border:solid 1px blue;width:40%;margin:5px;float:right">
右<br />
１<br />
２<br />
３<br />
４<br />
５<br />
</div>
</div>

のような構造の時、

function setHeight(){
	var M1 = document.getElementById("M1")
	var L1 = document.getElementById("L1")
	var R1 = document.getElementById("R1")
	if(/*@cc_on!@*/false){//IE
		var h = Math.max(L1.offsetHeight, R1.offsetHeight);
		L1.style.pixelHeight=R1.style.pixelHeight=h;
		M1.style.pixelHeight=h+5*2;//全体はマージンを足す
	} else {//Firefox
	    var getPixel = function(x){
	    	return 1 * getComputedStyle(x, '').height.replace(/px/,"");
	    };
		var h = Math.max.apply(this, [L1, R1].map(getPixel));
		L1.style.height=R1.style.height=h + "px";
		M1.style.height=h+5*2 + "px";
	}
}

的にやる。

左
１
２
３

右
１
２
３
４
５

set