css problème de hauteur

Question

j'ai question d'ombre à la hauteur de la barre latérale .. i utiliser jQuery pour mesurer la hauteur du contenu, puis ajoutez cette hauteur à barre latérale pour afficher la barre latérale . mais c'est donner des problèmes dans IE.

ce lien du site est: http://www.norwichkitty.com/business-directory/

s'il vous plaît vérifier la question de l'ombre barre latérale gauche ..

$(document).ready(function() { 
    var blockheight = $('.right-content').height(); 
    $('.sidebar').css('height', blockheight); 
}); 

et son vue CSS est

element.style { 
    height: 1592px; 
} 
.sidebar { 
    background: url("../img/sidebar-shadow.png") repeat-y scroll right center transparent; 
    float: left; 
    height: 100%; 
    overflow-y: auto; 
    position: relative; 
    width: 305px; 
    z-index: 999999; 
} 

si est-il Solution CSS pour se débarrasser de ce problème .. s'il vous plaît laissez-moi savoir ..

merci à tous

Answer 1

Vous pouvez élargir l'image à la largeur de la barre latérale puis en faire l'image de fond de l'ensemble de la table Ensuite, peu importe la hauteur du contenu, l'image de la barre latérale avec répétition sur le axe y.

background: url(LINK_TO_IMAGE.png) repeat-y; 

(Ps. Y at-il raison est doit être une table?)