Thanks all, that is a quick and skillful diagnose :)
> You've got his code for the current menu item:
>
> <li id="active"><a href="#" id="current">Karate Overview</a></li>
>
> I would suggest you could incorporate your 'active' class into the 'current'
> class and so do away with one of them. This itself could be causing
> problems. BTW, I can't find a 'current' style in your CSS anywhere.
I must have accidentally deleted it when trying to figure what went wrong
with the code that prompted IE not working - never learn the lesson that
long hours of work in front of the computer can only result more mistake.
> You also define height for the links when active but not in their normal
> state. And I think this block here is your culprit:
>
> #menu li#active a {
> background: #fff;
> width: 140px;
> height: 28px;
> color: #000;
> }
Thanks! I will make a test and see if it makes the different. I do want the
height be 28px in active state.
> Though exactly how to rectify it for your needs I couldn't say. Shouldn't
> 'active' be either a pseudo selector or a class.
Isn't 'a' (active a) belong to pseudo class?
> Also, you might want to re-work your page layout a little so that you're
> starting with an H1 and not an H2, then descend from there.
For unknown reason I never like to use H1. Under screen reader, I feel as if
h1 is shouting at me out loud from my screen. Does it matter if it doesn't
have h1?
tee
>
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
