侧边菜单对齐

Question

我在Fireworks中设计了一个响应式布局，我正在编程。

即使在通过决议1366 x 768之前也没问题：

现在，如果我采取一些缩放（'增加'分辨率）：

至少，目前的代码，内容HTMLL：

<div id="content">
        <div id="content-wrapper">
            <div class="wrapper">
                CONTENT HERE
            </div>
        </div>
        <div id="content-menu">
            <div class="wrapper">
                MENU HERE
            </div>
        </div>
    </div>

现在，内容和菜单（简化）代码：

#content-wrapper{
    float: left;
    width: 65.88579%;

}

#content-wrapper .wrapper{
    float: right;
    width: 88.88889%;
    max-width:800px;
}

#content-menu{
    float:right;
    width: 34.11420%;
}

#content-menu .wrapper{
    float: left;
    width: 78.54077%;
    max-width:366px;
    height: auto;
}

要标题栏，这是包装代码，请注意max-width：

.wrapper {
    width: 85.35871%;
    max-width: 1166px;
    height:100%;
    display: inline-block;
    position: relative;
}