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

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;
}

截屏：