I need help. I am building a website with two Spry MenuBar, an horizontal and a vertical. It all appears to work well in Firefox and Safari, but it doesn´t display correctly on IE. When I do the browser compatibility it says I have these errors:
Found 1 errors in Hazme_titulos.css
Affects: Internet Explorer for Macintosh 5.2
Found 1 errors in MenuVerticalHazme.css
Affects: Firefox 1.5, 2.0, 3.0; Internet Explorer 8.0; Internet Explorer for Macintosh 5.2; Netscape 8.0; Opera 8.0, 9.0; Safari 2.0, 3.0
Please I need help! This is the web page: www.hazmecuento.com
Your CSS file MenuVerticalHazme.css had lots of errors in it. Mostly the font-family rule was completed malfunctioned. You should always enclose a fontname in 'fontname.ttf' not fontname.ttf
After you change this, You'll only see 3 errors - mostly with vertical-align attribute. This is not supported by IE for Macintosh as it is deprecated long time ago.
Also, your font-family has 2 definitions for every rule. This is not supported by browsers. You should have them all under 1 rule separated by a comma
font-family: 'Sketch_Script_Limited_Set.ttf', Arial, Verdana;
Also, if you want your custom font Sketch_Script_Limited_Set to be read by browsers, you must first custom create the webfont kit and upload a link to it in your CSS file without which it will not work across all systems. Visit www.fontsquirrel.com for more details on how to make a webfont kit.