Firefox 3.6 destroyed my page styling!

Question

Don't really want to blame mozilla on this one, i'm sure it could be me doing something silly but the page at:

www. neverMindFixed .com

the presentation will work fine on other browsers, just not the latest firefox. anyone clued up on this?

Thanks!

Si

Answer 1

Okay, firstly, your CSS is a mess. Secondly, there's this declaration:

#faq-bb li { list-style-image:url(/display_images/stonewall/faq_bullet.gif; list-style-type: none; margin: -2px; padding: 0px;  visible:false;}

Note the very important missing second ) around the URL. Looks like FF 3.6 is a bit more picky.

Answer 2

You have visible:false; -- "false" is not valid value. You either mean visibility: collapse;, but that likely has poor support in older browsers, or the old standby display: none;.

Please validate your CSS.

Answer 3

There are a lot of validation errors on the page, which could be causing problems. These ones sound most important:

• document type does not allow element "script" here; assuming missing "head" start-tag
• document type does not allow element "head" here
• document type does not allow element "body" here
• ID "search" already defined
• ...plus a bunch of errors from the Javascript (check your CDATA definitions)

Also as Anonymous pointed out, there are CSS errors. There is no property visible - I'm guessing you want visibility: hidden. But I'm positive you don't need so many things hidden.

Answer 4

For me also, your website is working on Firefox 3.5 and on Chrome, but Firefox 3.6 has problems. Your presentation is working, but the

<span class="hidden"> .... </span>

tags are showing up instead of remaining hidden.

Why are those tags there?

If you want to keep them, you probably want to clean up your definition of the "hidden" class, like Anonymous says, you cannot specify "visible: false". Remove it, and then validate the rest of your CSS and HTML. There are really a lot of errors.