Sorry for reposting - juggledad posted an answer and someone else posted a link and mysteriously the thread was closed and marked solved - but I have tried both solutions offered and still ahve the problem so it's not actually solved!

So the problem is:

I've used Atahualpa for loads of sites and have always used the following code to remove the dashed line round the page-center and cat-center menus:


div#menu1 {
border:0;
}
div#menu2 {
border:0;
}

However, the site I'm working on now it won't work. Site link is http://79.170.44.113/aliwp1.co.uk/

On this site I've added the grey image via the Header Overlay box and also need the menu bar to be transparent so the image is over the menu option when there are more things in there.

I'm using WP 3.3.2 and Atahualpa 3.7.6

Juggledad suggested using

div#menu1 ul.rMenu li a { border: none;}

in CSS inserts and someone else said to try

div#menu1 {
border: dashed 0px #fff;

}

but neither of those has made a difference. Really need to get shot of the dotted lines!

Any help? Please?

Juat got rid of the in between dashes but still have a line showing at either end (left hand side is partially covered by an image)

Did you look at the FAQ on menu's ?

Yep - tried that, used this theme loads of times and always been able to get rid of the dotted lines - but not this time.

Try this

div#menu1  {
	border: none;

If it doesn't work, disable all plugins. Sometimes a plugin adds its own CSS and if it comes after the atahualpa CSS it will override. If it used the same class or id name, it would replace the CSS.