Could someone tell me why the left nav menu when you rollover it seems to change the background of every item and then highlight the item the mouse is over? It works fine in IE7 and FireFox.
@jrthor2authorFeb 13.2008 — #Hmm, when I rollover Ministries & Programs, the popup menu shows, but each link shows the grey background, then goes away, I rollover Education, and the links below that go grey, then back to blue, and they keep doing that for each item I rollover.
Works fine here, too, with IE6. Do you test it online or locally? With SP2, the rendering of local javascript needs permission (Tools > Internet Options > Advanced > Allow active content .... on My Computer. External javascripts are rendered by default.
I had Tidy Online (http://flumpcakes.co.uk/css/html-tidy/tidy) check your code, and it says that on lines 89 and 93 there are two empty <ul>s. Try removing those, because Tidy further finds no errors.
@jrthor2authorFeb 15.2008 — #Frank62, I know about the 2 empty <ul>'s. that's because my site is not actually live yet, pointing to the ip address right now, and those 2 <ul>'s are created dynamically through php to show the newsletters/council minutes under the Publications menu, but apparantly I can't read a directory that starts with ~, so for now, it reads the files using ../../, which on the homepage, it won't find that path, becasuse from the homepage, the path would not have ../../, if you can follow me.
[B]a.link[/B] {...[I]anchor[/I] 'at rest' [I]that has pusedo-classes to be called[/I]}
[B]a:visited[/B] {...[I]anchor that has been visisted[/I]}
[B]a:focus[/B], [B]a:hover[/B] {...[I]anchor when hovered-over[/I]} ("[U]focus[/U]" is same as "[U]hover[/U]" except it does this for non-pointer tools, like 'tabs' etc. for the handicapped)
[B]a:active[/B] {...[I]anchor when '[/I]onMousedown[I]' is performed[/I]}
This list must [B][I]in this order[/I][/B] in order to function correctly.
Your navigation list has anchors, and without explicitly declaring their colors, background-colors, etc., you might be seeing [I]your [/I]browser's defaults for these.
Bear in mind that if the user has their browser's CSS set-up to render according to [I]their own preferances, [/I]then none of this is going to change anything.
I don't see the mysterious [I]gray-goes-blue [/I]either (or, don't think that I do). If nothing else, you could declare a background-color for the "<ul>" that should inherit. Not sure about the fly-outs inheriting this, though...