...without images. I really don't want to use images to do this but I'm not sure it is possible without. Here's what I want to do if need be I'll post a pic if I can't explain it well enough. I want a horizontal unordered list with a red background on the a tag and a dark grey top border 7px in height. Now this I have done and on hover it to change to a orange background with the border to have a 1px dark grey top, 5px middle of dark orange and 1px bottom of dark grey. Now I can do 98% of that, the bit I'm not sure about is the border top on hover in the 3 different colours/combinations. Mmm....CSS gradients maybe???? Any other suggestions on how to accomplish this as I can't think? Cheers peeps.