Sricky sidebar choca con el footer

[iScapeKiller]

Buenas, tengo un problema le añadí un Sidebar ami pagina web este es sticky(se mueve junto con la web arriba o abajo), el problema es que cuando llega al pie de la pagina pasa por encima de el y no quiero que pase por encima de el sino que se detenga justo arriba de el, quería saber de que forma podría lograr eso, Gracias!

Aqui les dejo el codigo css del Sidebar:

Código PHP:

  /************************************************
                Sidebar          
************************************************/

.sidebar{
    z-index: 10;
    position: fixed;
    margin-left: 770px;
    color: #000;
    font-size: 14px;
    background: url(images/75.png);
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 5px;
    border: 1px solid #BDBDBD;
    width: 200px;
    padding: 10px;
    float: right;

}  
   

& el link de mi pagina web es: http://mejicanadas.com/ para que vean el problema:)

[ryugen]

La solución CSS del problema sería la siguiente, modificar la línea 65 de tu "style.css" de manera que quede así:

Código CSS:

#endspacer {
    float: left;
    height: 26px;
    width: 900px;
}
 

Si quieres mantener el espacio sobrante del fondo (150px), va a ser necesario la aplicación de soluciones javascript