funny problem

[kippertoffee]

(i have posted this in both HTML and CSS forums as i wasn't sure where to put it, so please ignore if this is the secong time you have read)

I am having a problem with my first site.

www.ordiyotek.com (http://www.ordiyotek.com)

The color changing tabs along the top were created using the css hover function, but only work until one of them is clicked on and, as i only have the index up, you get a 404.

For some reason, when you go back from the 404 page, the buttons have stopped working.

Here's the code and a picture. Please visit my site to see what i mean.

If anyone can help i am extremely grateful.

Thanks a lot, pete.

http://myweb.tiscali.co.uk/kippertoffee/example.jpg

td.toptab {background: #ffbb00; height: 10px;}

td.toptab a {
display: block;
padding-right: 0.4em;
padding-left: 0.5em;
padding-top: 0.2em;
padding-bottom: 0.2em;
text-decoration: none;
width: 119
}

td.toptab a:link {
background-color:#d5d2c0 ;
FONT-FAMILY: Arial;
COLOR: #625847; TEXT-DECORATION: none; Font-Size:14px; font-weight:bold;
border-right: solid #625847 1px;
border-top: solid #625847 2px;
border-bottom: solid #625847 1px;
}

td.toptab a:hover {
background-color:#77a8ee ;
FONT-FAMILY: Arial;
COLOR: #f6f4e7; TEXT-DECORATION: none; Font-Size:14px; font-weight:bold;
border-right: solid #625847 1px;
border-top: solid #625847 2px;
border-bottom: solid #625847 1px;

[BonRouge]

Try this :
td.toptab a:link, td.toptab a:visited {
background-color:#d5d2c0 ;
font-family: Arial;
color: #625847; text-decoration: none; font-size:14px; font-weight:bold;
border-right: 1px solid #625847;
border-top: 2px solid #625847;
border-bottom: 1px solid #625847;
}

[kippertoffee]

That's it. Fantastic. I had forgotten about the visited link properties.

Thank you very much.

Pete.