Hi,

I'm wondering how to place my menu so it fills the entire top of the layout. I don't want any padding between the layout border and the menu.

Here's an example of what I mean: http://chestofcolors.com/

Also: Is it possible to create a gradient effect on the menus? As of now they seem a bit dull at times.

Thanks in advance; can't get my head around this. I'm a css-newbie.

I changed a bit in the css, but that will only set round corners for the top corners. The result will be that ALL pages have the rounded corners. I just want the actual corners to have them, and the middle pages not.

... It can't be done, can it?

/* round corners for menu bar items */
div#menu1 ul.rMenu li, div#menu1 ul.rMenu li a {
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
div#menu2 ul.rMenu li, div#menu2 ul.rMenu li a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

This would take quite a bit of "playing" with CSS. I would probably use the UberMenu plugin from CodeCanyon. You would still have to tweak the CSS but the look and feel would be more in keeping with your example site.