As you can see from this pic, when the menu drops down there is a grey border too. I cannot see how to get rid of this, even when looking in the css inserts. I do admit that a lot of this is new to me, so sorry if I am missing something simple.



I did manage to get rid of the grey border over the banner by editing the css inserts.

In ATO>Add HTML/CSS Inserts>CSS Inserts you will see something like the following.

/* Menu Bars */

div#menu1 ul.rMenu-ver {
-moz-border-radius:5px;
-khtml-border-radius: 50px;
-webkit-border-radius:5px;
border-radius: 5px;
padding: 5px;
/* the background color of sub-UL's must be set here */
background: #ccc;
box-shadow: 0 3px 10px #6663;
-moz-box-shadow: 0 10px 5px #666;
}

To get rid of the background change the background to transparent and eliminate the shadow as in the following.

/* Menu Bars */

div#menu1 ul.rMenu-ver {
-moz-border-radius:5px;
-khtml-border-radius: 50px;
-webkit-border-radius:5px;
border-radius: 5px;
padding: 5px;
/* the background color of sub-UL's must be set here */
background: transparent;
}

This is the kind of stuff where having a better knowledge of CSS is helpful as there isn't just a button to click. Many of the style setting are in ATO>Add HTML/CSS Inserts>CSS Inserts or are CSS in other settings boxes in the theme options.

Thanks for the quick reply, I did figure these were the two options that had to be changed, I tried setting it to the same colour as the menu itself but it didn't appear to make any difference so that kind of threw me.

Thanks again, will donate asap.

Setting the background to another color should have given you a "border" that color. In this case the background is the border. You could also add a border definition. As you can see the sky's the limit.