[jQuery] frustrating IE problem

[ninjagowoowoo]

I've been having issues with my jquery code in IE. I've tried various
debugging methods but they tend to point into the actual jquery js and
not the code I've written. For what it's worth, the debuggers tell me
it's in line 19 of the jquery source. I'm using 1.3.2 compiled code.
I'm really hoping this is a simple problem like a missing ; or
something but I can't find the problem and it's about to drive me
crazy, haha. My code works in Firefox and Safari, but IE fails. to
start, here is my code:

(modified version of the one found at //modified from
http://css-tricks.com/learning-jquery-fading-menu-replacing-content/)

================begin Nav jquery code==========
$(function(){
                       //init menu item css
                        $("#about-button").css({opacity: 1,"border-bottom":"5px 
solid
#0099CC"});
                        $("#portfolio-button").css({opacity: 
0.3,"border-bottom":"none"});
                        $("#resume-button").css({opacity: 
0.3,"border-bottom":"none"});
                        $("#contact-button").css({opacity: 
0.3,"border-bottom":"none"});

                        $("#page-wrap div.button").click(function(){

                                $clicked = $(this);

                                // if the button is not already "transformed" 
AND is not animated
                                if ($clicked.css("opacity") != "1" && 
$clicked.is(":not
(animated)")) {

                                        $clicked.animate({
                                                opacity: 1,
                                                "borderBottom":"5px solid 
#0099CC"
                                        }, 300 );


                                        var idToLoad = 
$clicked.attr("id").split('-');

                                        // search trough the content for the 
visible div and we fade it
out
                                        
$("#content").find("div:visible").fadeOut("fast", function(){
                                                //once the fade out is 
completed, start to fade in the right div
                                                
$(this).parent().find("#"+idToLoad[0]).fadeIn();
                                        })
                                }

                                // reset the other buttons to default style
                                $clicked.siblings(".button").animate({
                                        opacity: 0.3,
                                        "borderBottom":"0px"
                                }, 300 );

                        });
                });

============END CODE===============

The error in IE does not occur until one of the nav items (#resume-
button etc) is clicked. I guess it should also be noted that I am
referencing this code in an external js file that is separate from my
html page.

Please if anyone can provide insight or at the very least a point in
the right direction I'd greatly appreciate it.