JQuery Datepicker color border

JQuery Datepicker color border

Hello,

I created a 'datepicker jquery' that I customized a bit of with differents colors in many 'day cells'.

I added a length for the array, for the lines and the columns. Every cells(<td>) contain two <div>(one for the above part and one for the low part). The problem is visual. Actually, I notice that my cells(<td>) colorize itself at the inside but not on the borders of the cells. Moreover, the last edge, border of the array is not linear. I don't know why

Do you have a solution ?

Thank you

This is my code :

  1. var height = 2.2;
    var width = 2.2;
    var unit = "em";

    //rearrangement de la table
    $("table").css("width", "" + (width*7) + unit);
    $("table").css("height", "" + (height*5) + unit);
    $("table").css("margin-left","0.8"+unit);

    $(selector).live('mouseover', function(){
     $(this).removeClass('ui-state-hover');

     if (this.className.indexOf('ui-datepicker-prev') != -1){
     $(this).removeClass('ui-datepicker-prev-hover');
     }
     if (this.className.indexOf('ui-datepicker-next') != -1){
     $(this).removeClass('ui-datepicker-next-hover');
     }
    });