jQuery Grid Plugin - jqGrid

Can someone please help!!!!  I have been wasting too much time on this one.  Trying to get a custom icon image to display when adding a custom navigator button.  I have verified image path a million times, everything is correct.  I keep getting this generic image to display, similar to: "^".  When I remove my custom image and just use a caption, I still get this generic image displaying before the caption.  Has anyone had this issue?  Any idea why the path of my custom image won't get resolved or why the "^" displays regardless? Thanks to anyone willing to help!!!!!   Here is my code....

$("#CurrMoTime").navGrid("#pagerCurrMo",
      // Navigator options
      {edit:false,
        add:false,
        del:true,
        search:false,
       refresh:true},

).navSeparatorAdd("#pagerCurrMo",
      // Add a Separator
      {sepclass:"ui-separator",
       sepcontent:""}
       ).navButtonAdd("#pagerCurrMo",
       // Pre-Populate Custom Button
       {caption:"",
        buttonicon:"../images/icons/save_all.jpg",
        onClickButton:"",
        position:"after",
        title:"Revove All Rows from Grid"}
        ).navSeparatorAdd("#pagerCurrMo",
        // Add a Separator
        {sepclass:"ui-separator",
         sepcontent:""}
         ).navButtonAdd("#pagerCurrMo",
         // Pre-Populate Custom Button
         {caption:"Populate",
          buttonicon:"",
          onClickButton:"",
          position:"after",
          title:"Pre-Populate Grid Detail"}
         );