Firefox and IE not displaying language option correctly.

[hdjourdan]

I'm just getting started using HTML and CSS and designing web pages. A friend asked me to do some corrections on her website somebody else made some time ago. Using HostGator as my server (also the one the web page uses) I accessed the original HTML file, copied all the content, created a new HTML file in the same location as the original (using a different name though), pasted everything I copied to the new file, changed a few things in the text and a few logos, and I got the exact same page with the changes I wanted –as long as I'm on Safari or Google Chrome everything works perfect. The problem is when I use Firefox or IE, no matter what version of each, the option for language doesn't display correctly –instead of having the English(ON)/Spanish(OFF) option, the spanish doesn't appear.

The link for the original page is
http://www.santelmoproductions.com/feedback2.html
And the one I edited
http://www.santelmoproductions.com/feedback2.html

Also I don't know if it has anything to do with this problem, but I added to my page

<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8">

so it's always read in UTF-8 –I was getting weird characters like "â€" otherwise.

Any idea of what can I do to make the language option appear on all browsers?

Thanks in advance.

[tracknut]

Both links you provided are the same, and don't show me a Spanish option in either Chrome or FF... Could you possibly have a cache problem, where you're viewing an older version of the site in one browser?

Dave

[hdjourdan]

Sorry about that –you're right Dave, the link for the original website is
http://santelmoproductions.com/feedback.html
I don't think I'm viewing an older version when I go to
http://santelmoproductions.com/feedback2.html
as the changes I made to the text and logos are there alright.
I hope you can see what I'm talking about now. Thanks again in advance!

[abduraooft]

It looks like your CSS file not encoded in unicode.

Try changing

a.espa�olON, .espa�olOFF, .inglesON, .inglesOFF {width:52px; height:15px; margin:0px 4px; float:left; display:block;}
a.espa�olON	{background: url(../images/btnIEspanolON.png) top left no-repeat; cursor:pointer;}

to say

a.espanolON, .espanolOFF, .inglesON, .inglesOFF {width:52px; height:15px; margin:0px 4px; float:left; display:block;}
a.espanolON	{background: url(../images/btnIEspanolON.png) top left no-repeat; cursor:pointer;}

and then the class name in the HTML source.

[hdjourdan]

Thanks so much! abduraooft, that seems to solve the problem, the page displays properly now on firefox, I'll try IE later. Thanks again!