EZ Pages - CSS un li div selected/hover

[Marv]

Hopefully someone can help with this been looking at it and really can't see the wood for the trees - needs a fresh pair of eyes.

I want the navigation to have a border at the top when hovered over and once selected. Have div set up for header nav li as follows:

#header .menu ul li a{
font-size:12px;
line-height:40px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
margin-left: 0px;
padding: 10px 10px 5px 10px;

}
#header .menu ul li a:hover,
#header .menu ul li.selected a{
color:#f50003;
border-top-style:solid;
border-color: #aac3ab;
border-width:3px;

This seems to work in theory although if you view at http://testing.lugo.co.uk/
on the home page 'about us' is 'selected' although its the home page not 'about us' and if you go to 'contact us' page this doesn't appear as 'selected' in the nav?

'Design' pages works as I have set these up as a separate html files not ezpages. Any pointers on what I am doing wrong here would be much appreciated...

Thanks

[gjh42]

I have seen at least one other Template Monster template with this bug. The template is miscoded, and doesn't insert the .selected class the way it should.

Ask TM to fix this bug in their template.

[schoolboy]

Ask TM to fix this bug in their template.

There's a greater chance of the Pope falling pregnant.

[gjh42]

Probably so, but it couldn't hurt to bug them... at the least, they deserve the aggravation:) And I don't know who else is going to look at their code to sort it out, unless the OP hires someone...

[gjh42]

On an actually helpful note, your best bet might be to replace the template's menu with a mod that is proven to work correctly. There are several in Free Addons; if you want to use ez-pages, I know that the Ezpages Improved Menus mod has current-page highlighting.