菜单看起来不像预期的那样

Question

我有这个网站：http://test.tamarawobben.nl 现在顶部的菜单看起来不太好。 我必须看起来像这张图片：http://test.tamarawobben.nl/screenshot.png。

谁能帮我弄清楚这里出了什么问题？

鲁洛夫

编辑1：有没有办法让所有子菜单都很大。现在宽度取决于文本。 我知道我可以使用宽度，但我想我会打破布局，因为它永远不会使用宽度。 而且我不是贬低者。

Answer 1

将此css用于ul #nav;

#nav{
position:absolute;
top:0;
left:0;}

Answer 2

给这个css：

#header ul li {
    padding: 0 1em;
    font-size: 10px;
}

截图：