css - コンテンツのスケーリング後にコンテナ div をスケーリングするにはどうすればよいですか?

Question

次のような構成があります。

<div class="content">
    <div class="menu">--- mymenu ---</div>
    <div class="edit">--- myeditor ---</div>
</div>

menu クラスと edit クラスは display:inline であるため、並んで配置されます。

ユーザーに (css スケールを使用して) エディターを「スケーリング」するオプションを提供しますが、そうすると、コンテンツ div はスケーリングされていない編集 div と同じ高さのままになります。編集 div には幅と高さが設定されており、ビットは次のように変更されます。

-webkit-transform:scale(1.25); 
-moz-transform:scale(1.25); 
-ms-transform:scale(1.25);

これは、編集 div のスケーリングには問題なく機能しますが、コンテンツ div はそれに対応するためにスケーリングしません。コンテンツ div を overflow:visible にすることができます。これにより、編集のコンテンツが表示されますが、ページのその下にあるものはすべて上書きされます。

編集 div をスケーリングするときにコンテンツ div をスケーリングするにはどうすればよいですか?