IE8 Descrepencies

IE8 Descrepencies

So, per usual, IE is giving me problems whereas Firefox and Safari are fine. I've got two menus that are supposed to toggle up/down and fade in/out as the mouse hovers over the containing div. In IE8, the menu items become unclickable and in IE8 and IE7 the background changes from an opaque png to solid black.

View the site in something other than IE to see how it's supposed to work: http://www.jle2photography.com/

Here's the jquery code I have that I think is causing problems:

$(document).ready(function() {
               var inprog = 0;
                  $("#content").hover(function() {
                   if (inprog == 0) {
                      inprog = 1;
                      $("#menu").fadeTo("slow", 1);
                      $("#nav").fadeTo("slow", 1);
                      $("#caption-holder").fadeTo("slow", 1);
                      $("#spacer").slideUp(400);
                   }
               }, function() {
                  $("#menu").fadeTo("slow", 0.33);
                  $("#nav").fadeTo("slow", 0.20);
                  $("#caption-holder").fadeTo("slow", 0.33);
                  $("#spacer").slideDown(400, function() {inprog = 0;});
               });
            });


Thanks for helping!!
    • Topic Participants

    • rob