Ok I can't figure this out for the life of me. I have spent a couple days on it. 

I have a jquery snippet that takes a nav bar in a relative position and upon hitting the top of the screen switches it to a fixed position. I have this working fine on another site but on this site when I have varying screen sizes the nav bar slides to the left or right. Happens with larger or smaller screen sizes then mine. 

Here is the site. <http://curtisj.trafficflo.net/>

How can I get the navigation header to stay put in the container div for the content of the site? 

here is a jsfiddle but I don't know how to get fiddle to use my jquery. 

[jsfiddle of code](http://jsfiddle.net/nbA9x/)

Here is the code of the jquery... I don't know if jquery is the issue though. 

```
// JavaScript Document
/*     jQuery(document).ready(function(){
        if(jQuery('header,div,p,span,h1,h2,h3,h4,a').hasClass('isa-scroll-fixed')){
            var el = jQuery('.isa-scroll-fixed'),
            elTop = jQuery(el).offset().top;
            elLeft = jQuery(el).offset().left;
            //alert(elTop); 
            jQuery(document).scroll(function(){
                var height = jQuery(window).height();
                var scrollTop = jQuery(window).scrollTop();
                if(scrollTop>=elTop){
                    //add fixed
                    jQuery(el).addClass('scroll_fixed').css("left",elLeft+"px");
                }else{
                    //clear fixed
                    jQuery(el).removeClass('scroll_fixed').attr('style','');
                }
            })
        }
    })
       */
       // JavaScript Document
    /* jQuery(window).load(function(){
        if(jQuery('header,div,p,span,h1,h2,h3,h4,a').hasClass('isa-scroll-fixed')){
            var el = jQuery('.isa-scroll-fixed'),
            elTop = jQuery(el).offset().top;
            elLeft = jQuery(el).offset().left;
            //alert(elTop); 
            var scrollTop = jQuery(window).scrollTop();
            scrollFixed(el,elTop,elLeft);
        }
    }) */
    var setInter = null;
    var session = null;

    setInter = setInterval(function(){
        if(jQuery('header,div,p,span,h1,h2,h3,h4,a').hasClass('isa-scroll-fixed')){
            var el = jQuery('.isa-scroll-fixed');
            session =  jQuery(el).attr('set-scroll');
            //alert(session);

            if(session == '2'){
                jQuery(el).attr('set-scroll','2');
            }else{
                jQuery(el).attr('set-scroll','1');
            }
            if(session == '1'){
                setValue(el);
            }
        }
    }, 200);
    function setValue(el){
        var setScroll = jQuery(el).attr('set-scroll');
        elTop = jQuery(el).offset().top;
        elLeft = jQuery(el).offset().left;
        //alert(elTop);
        jQuery(el).attr('set-scroll','2');
        scrollFixed(el,elTop,elLeft);
    };
    function scrollFixed(el,elTop,elLeft){
        jQuery(document).unbind('scroll').scroll(function(){
            //alert(elTop);
            var height = jQuery(window).height();
            var scrollTop = jQuery(window).scrollTop();
            if(scrollTop>=elTop){
                //add fixed
                jQuery(el).addClass('scroll_fixed').css("left",elLeft+"px");
            }else{
                //clear fixed
                jQuery(el).removeClass('scroll_fixed').attr('style','');
            }
        })
    }

```