427kie7.html

<!-- All the "runat=server" tags are so the markup can be used by DotNetNuke. I don't know if that contributed to the problem or not. It didn't appear to. -->
<div class="maincontent">
    <table class="maintable">
        <tr>
        <td id="leftTallContent" runat="server">
        </td>
        <td id="middleContent">
            <div id="doc3" class="yui-t7">
                <div id="bd">
                    <div class="yui-gb">
                        <div class="yui-u first" id="RowALeftPane" runat="server">

                        </div>
                        <div class="yui-u" id="RowAMiddlePane" runat="server">

                        </div>
                        <div class="yui-u" id="RowARightPane" runat="server">
                        </div>
                    </div>
                    <!-- This was the fix, use a table with two columns -->
                    <table width="100%">
                        <tr>
                            <td width="66%" id="RowBLeftPane" runat="server"></td>
                            <td width="34%" id="RowBRightPane" runat="server"></td>
                        </tr>

                    </table>
                    <!-- Including this caused IE7 to set the width to 427,000(ish) pixels -->
                    <!--<div class="yui-g">
                        <div class="yui-u first" id="RowBLeftPane">
                        </div>
                        <div class="yui-u" id="RowBRightPane">
                        </div>
                    </div>-->
                    <div class="yui-g" id="ContentPane" runat="server">
                    </div>
                    <div class="yui-g">
                        <div class="yui-u first" id="RowDLeftPane" runat="server">
                        </div>
                        <div class="yui-u" id="RowDRightPane" runat="server">
                        </div>
                    </div>
                    <div class="yui-gb">
                        <div class="yui-u first" id="RowELeftPane" runat="server">
                        </div>
                        <div class="yui-u" id="RowEMiddlePane" runat="server">
                        </div>
                        <div class="yui-u" id="RowERightPane" runat="server">
                        </div>
                    </div>
                </div>
            </div>
        </td>
        <td id="rightTallContent" runat="server">
        </td>
        </tr>
    </table>
</div>