スタイルシートについて質問です。

私も同じように悩むときがありました。

たぶん、LEFTとRight部分の背景が同じところまで来ないので困っているのでは？

と思います。

私は、LEFTとRIGHTの親DIVの背景に、LEFTとRIGHTの背景にしたいものを画像にして、REPEAT-Yで伸びるようにしています。

LEFTとRIGHTのどちらが長くても、結局親DIVの背景画像が伸びるので両方の高さが同じようになります。

LEFTとRIGHTの下でCLEARしておくと、さらに下の部分が同じ高さから始まります。

という風に私はしています。

意味が通じているといいのですが。

一番簡単な方法は、javascriptを使って、片方のheightを取得し、もう片方のdivのheightの値を足し引きする事です。

僕の知る限りではCSSではこれを完璧に実現することは不可能です。

javascriptで実現する場合ですが、僕もあまりjsは詳しくないので、ライブラリのheightline.jsを使っています。

これを使えば、javascriptを自分で記述することなく、要素のclassに「heightLine」などを付加してあげれば、

・両方の要素の高さを取得し、height高い方に合わせて両方の要素のheightを揃える

・ブラウザの機能を使って文字サイズの変更を行った場合でも、そのアクションを取得して、リアルタイムでボックスの高さを変更してくれる

といった事が実現できます。

詳しくは、ブロックレベル要素の高さを揃えるheightLine.js【to-R】を参考にして下さい。

jsファイルは上記ページからダウンロードできます。

（確かライセンスはMITライセンスだったと思います）

オススメですよ。

後はCSSで背景画像をうまく使い、擬似的にボックスが揃っているように見せることも可能です。

その場合は、2つの要素を囲っているボックスの背景に、2つのボックス用の背景を敷くことにより、

どちらかのボックスが大きくなっても、背景は常に横に並びます。

でもまぁ、前述のjsの方が確実だとは思います。