Html 嵌套div和对齐问题

我当前的代码遇到了4个无法修复的问题（每次我修复某个东西时，都会产生附带问题）：

徽标文本比菜单项略低（1或2px）

蓝色和红色div的固定高度均应为80px，并且 垂直居中于高度为120px的#收割台DIV。 但由于某些原因，蓝色和红色的div都有120像素的高度，我们不能 请参见后面的黑色标题DIV

我的菜单项与红色DIV的左侧对齐，但我希望它们对齐 右边（如果我想保持不变，就不能使用float right 链接顺序（链接1、链接2、链接3）

子菜单项（sub-link1、sub-link2等）彼此相邻浮动，而我希望它们像在普通下拉菜单上一样位于彼此下方

我知道有很多问题…非常感谢你的帮助

编辑：多亏了salstation，几乎解决了所有问题剩下的问题是

项目订单现在由于浮动而顺序错误：对

HTML:

<div id="header">
    <div class="logo">Logo</div>
    <ul class="drop_menu">
        <li><a href='#'>Link 1</a>

            <ul>
                <li><a href='#'>Sub Link 1</a>
                </li>
                <li><a href='#'>Sub Link 2</a>
                </li>
            </ul>
        </li>
        <li><a href='#'>Link 2</a>

            <ul>
                <li><a href='#'>Sub Link 1</a>
                </li>
                <li><a href='#'>Sub Link 2</a>
                </li>
                <li><a href='#'>Sub Link 3</a>
                </li>
                <li><a href='#'>Sub Link 4</a>
                </li>
            </ul>
        </li>
        <li><a href='#'>Link 3</a>

            <ul>
                <li><a href='#'>Sub Link 1</a>
                </li>
                <li><a href='#'>Sub Link 2</a>
                </li>
                <li><a href='#'>Sub Link 3</a>
                </li>
                <li><a href='#'>Sub Link 4</a>
                </li>
            </ul>
        </li>
    </ul>
</div>

---

快速查看问题2，原因是表格单元格。以下内容应具有相同的效果，并将div保留为80px的高度：

.logo {
background: aqua;
vertical-align: middle;
line-height: 80px; /* this is set to same height as the div */
left:0;
height:80px;
margin: 20px 0;
}

等我有机会再看看其他问题

编辑： 1） 看不出问题所在-它们看起来都是一致的 2） 如上所述

---

3和4）添加浮动：右至。drop_menu li应该可以解决这两个问题

谢谢-它工作了，但现在水色背景采用全宽，并将菜单推到标题div之外。您是否为这两个和浮动都添加了宽度？宽度：90px；浮动：左；编辑我的主要答案以解决其他问题非常感谢你的答案！这几乎是完美的。float:right的唯一问题是，现在菜单项的显示顺序错误（从左到右从链接3开始，然后是链接2，以此类推）。有办法解决这个问题吗？（除了在我的html代码中更改

项的顺序外）很多感谢您将代码放在jsfiddle.net上，以便我可以查看一下

.logo {
background: aqua;
vertical-align: middle;
line-height: 80px; /* this is set to same height as the div */
left:0;
height:80px;
margin: 20px 0;
}