funny problem

(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.

[URL=http://www.ordiyotek.com]www.ordiyotek.com[/URL]

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.

[IMG]http://myweb.tiscali.co.uk/kippertoffee/example.jpg[/IMG]

[QUOTE]

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;

[/QUOTE]

Also in #HTML _↴