Unfortunately we don't really have the expertise in this forum to help with web development questions. Your best bet is to ask this question in a html5 development focused forum (I would point you to one if I knew one).

Out of curiosity, did this used to work in the past in Firefox? Did it stop at some point when upgrading, or has it never worked? What software are you using to code the site? Maybe there is a forum there you could use.

I'm seeing that toolbar (DIV#footer) at the bottom of the page in Firefox 12.0

Clear the cache and the cookies from sites that cause problems.

"Clear the Cache":

• Firefox > Preferences > Advanced > Network > Offline Storage (Cache): "Clear Now"

"Remove Cookies" from sites causing problems:

• Firefox > Preferences > Privacy > Cookies: "Show Cookies"

To avoid confusion:

• http://kb.mozillazine.org/JavaScript_is_not_Java

Yes, this footer used to work in previous versions of Firefox. It currently will work in Firefox 5. We use dreamweaver to code the site. I'll look into a dreamweaver forum. Thanks.

You can try using Firefox's development tools to see if you can find the problem as well. http://blog.mozilla.org/devtools/

I've emptied my cache and cleared my recent history (got rid of everything) and the "more work" and "bio" buttons still don't function properly -- they work fine in Safari and Chrome. I see the buttons in firefox in the footer, but they don't work when I click on them. I spoke with guy that hosts my domain and he said it is a java script issue with firefox. The buttons function properly in older versions of firefox. But they don't work in firefox 12.

Does Websites look wrong or appear differently than they should help?

I've done everything listed under "websites look wrong" and problem still exists. If you're using firefox 12 and go to www.doctertwins.com you see the issue. You can see "more work" and "bio" in the footer at bottom of page, but nothing happens when you click on it. If you load same page in Safari and click on same buttons, you'll see what is supposed to happen. I'm a director, not a web programmer, so I'm pretty ignorant as to how to fix this. I just know if used to work fine with older versions of firefox, but just noticed yesterday that it's not working in Firefox 12.

There is an error in the Web Developer > Error Console (Shift+Ctrl+J) that is referring to location.replace that seems to cause the JavaScript to get aborted.

Error: Error: Permission denied to shadow native property
Source File: http://www.doctertwins.com/js.js
Line: 2

location.replace = "http://www.doctertwins.com/iphone.html";

cor-el, that's a good catch. When I tried the site with the Error Console, I didn't get that error, strangely enough.

Thank you for your help. I deleted the following code and it seems to work fine now: if ((navigator.userAgent.match('iPhone') != -1) || (navigator.userAgent.match('iPod') != -1) || (navigator.userAgent.match('android') != -1)) { location.replace = "http://www.doctertwins.com/iphone.html"; }

I had this code in there so these buttons would work on older OS versions of the Iphone. But now, without this code, it seems that phone browsers like safari are working fine. So, by deleting this code, the "more work" button is now working on firefox desktop. Is there any reason I need to keep any of this code, or some code like this, for continued cell phone browser functionality? Or do you think I'm fine just deleting it?

Thanks again.

Maybe use location.replace("http://www.doctertwins.com/iphone.html") instead.

• https://developer.mozilla.org/en/DOM/window.location