Hi please have a look at http://tiny.cc/7Td6w

With the menu on the left, the grey box at the top says "our services"

with the css i've used it automatically applies the box around the text and all was well.... Until I've been asked to change that to an actual link.

As soon as I do that it changes to one of the blue links down the side.

How can I get it to stay looking the same but still be a link?

Hope this makes sense!

not 100% sure on this, but put it in a div calle greybox or something and then make the syle #greybox a {style here}. Now any link in that div should be a grey box like you want.

Not tested this but i think it should work

Thanks Mark,

That worked out really well by adding;

#searchform {
background: #808080;
color: #FFFFFF;
padding: 1px 0 1px 1px;
margin: 0px;
font-size: 13px;
font-weight: bold;
}

#searchform a {
background: #808080;
color: #FFFFFF;
padding: 1px 8px 1px 18px;
margin: 0px;
font-size: 13px;
font-weight: bold;

}

No problem, glad i could help