CSS/JavaScript Issues between IE and FF

Posted on 2012-08-13
Last Modified: 2012-08-13

I purchased a template my client wanted to utilize for a quick and dirty site.  I changed some text elements in the HTML and commented out some unnecessary functionality.  Everything looks fine in FF, but not in IE 8/9.  Specifically, notice how the 'Home' page doesn't appear on the top menu in IE.  Also, the text, 'Project Portal' and 'Contact', aren't appearing in IE.

I've scoured the code but can't find the issue.  You can view the site here:

I do wonder if the issue has to do with IE and the custom font in this template, 'Nilland'.  

All the CSS and HTML is visible by viewing the source code but I've attached a few of the main files if it helps.  I'm happy to attach others if you need them to solve the issue.

Question by:blue44

    Author Comment

    I think this is actually the offending jQuery files.  It seems this calls the font from index.html: Cufon.replace('h1') ('h2') ('h3') ('h4') ('#nav li a') ('.slider1Image span strong') ;
    LVL 58

    Accepted Solution


    Author Closing Comment

    I ended up having to swamp out the cufon-yui.js for an updated version.  Thanks!!

    Featured Post

    Course: HTML5 Mobile App Development with PhoneGap

    PhoneGap can help you leverage your already existing HTML5, JavaScript, and CSS skills in order to create and deploy cross-platform mobile apps.This program comprehensively covers HTML5 mobile app development from top to bottom.

    Join & Write a Comment

    I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
    How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
    In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
    In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    24 Experts available now in Live!

    Get 1:1 Help Now