Firefox - hover span loads on page load

[mannkumar]

does anyone know why in Firefox (only) one of my hover spans is always on when the page is first clicked on (i.e when page first loads) but then when you browse another page and navigate / click back, the dodgy (on) hover span has gone.

you can see the problem (in FF) when you load the page for the first time below.

http://www.lotus-architects.com/-history-.html

returning to the page after it has cached is ok - but if you clear cache the 'always-on' hover span returns ?

(also can anyone tell me how i can 'resolve', or close, one of my previous posts.)

[simcomedia]

I believe that if you take the errant quote from this line:


ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70);

Should be:


ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);


It should fix your problem. Basically that quote is 'breaking' your CSS from that point on which is making FF ignore some of the rules. Give it a whirl and let me know if that did it.

[mannkumar]

many many thanks - that sorted it out ( i had no idea it was something that simple! - well spotted, not sure where i got the quote from - i'm new to html and css so i just copied from the web somewhere)

thanks again

PS any idea how to close this post (i.e give it a resolved / solved status

[simcomedia]

A good thing to get is a text/code editor like Notepad++ that color codes the code so you can determine if everything is correct. Basically you'd copy and paste your CSS code into Notepad++, select CSS under Languages (as it also does PHP, Perl, Javascript, etc.) and you'll see that it colorizes the various tags and selectors. In your case, after the errant ", the color scheme was broken which indicates either an unclosed tag or something else that CSS can't comprehend. Good way to debug.

[mannkumar]

just dowloaded notepad++...thanks its fantastic...wished someone had told me 6 months ago when i started html/css!. thanks again for the tip.

[mannkumar]

for some reason the dodgy hover span seems to have returned - i don't know why, maybe i did n't test the last solution properly, but my CSS now does n't contain the dodgy ";" (link below)


http://www.lotus-architects.com/-history-.html

any ideas what it might be ?