Ok, am working on this site and the Navigation is not working at all. You can't click on anything in the main Navigation and as well the text should change colour nicely when hovering over but does not do it on this.

Perfect now only issue I'm having is when on the selected and current page the text stays orange which is correct but the icon next to it is still the grey pic I tried to use background position but didn't work. Any ideas?

ralphm
—
2012-11-28T22:26:32Z —
#4

Try adding this to your CSS:

.catering.selected {
background-position: 0 -50px;
}

mbond5
—
2012-11-28T22:30:47Z —
#5

Nope that didnt work. Thanks though.

ralphm
—
2012-11-28T22:35:45Z —
#6

mbond5 said:

Nope that didnt work. Thanks though.

It's not in your style sheet. Could you leave it there for now? It works for me when I add it in.

ronpat
—
2012-11-28T23:12:43Z —
#7

In IE8, the icons are always orange, text defaults to black; the text is orange on :hover and for the active page.

In FF17, the icons and text default to black; icon and text turn orange on :hover; text remains orange, but icon turns black when the page is active.

ralphm
—
2012-11-28T23:15:58Z —
#8

ronpat said:

In IE8, the icons are always orange, text defaults to black; the text is orange on :hover and for the active page.

In FF17, the icons and text default to black; icon and text turn orange on :hover; text remains orange, but icon turns black when the page is active.

Yes, a better option would be to set the background image on the <a>, and shift the position when